当设备显示宽度小于或等于1004像素时,使用CSS3的Media Queries实现响应式布局,以下何者正确?
A: @media screen and (max-width:100px) {
B: pagewrap {width: 95%;}
C: @media and (max-width:1004px) {
D: pagewrap {width: 95%;}
E: @media and (max-width:700px) {
F: pagewrap {width: 95%;}
G: @media screen and (max-width:1004px) {
H: pagewrap {width: 95%;}
A: @media screen and (max-width:100px) {
B: pagewrap {width: 95%;}
C: @media and (max-width:1004px) {
D: pagewrap {width: 95%;}
E: @media and (max-width:700px) {
F: pagewrap {width: 95%;}
G: @media screen and (max-width:1004px) {
H: pagewrap {width: 95%;}
举一反三
- 智慧职教: <p>@media screen and (max-width:700px){ #content{width:50%}} 含义是当设备显示宽度大于等于700px时,设置Id名为content的元素宽度为50%;</p>
- 响应式布局中处理图片缩放的最佳方法是( )。 A: img { width: auto; max-width: 100%; } B: img{width:100%} C: img{width:auto;} D: img{width:npx}
- Bootstrap框架中的 .img-responsive 类可以让图片支持响应式布局,它的实现原理是()。 A: 设置max-width: 100%;和height: auto; B: 设置max-width: 100%;和height: 100%; C: 设置width: auto;和max-height: 100%; D: 设置width: auto;和height: auto;
- 设置DIV宽为500像素和高为400像素的正确方法是? A: height:500 px; width:400 px; B: margin:500px; padding:400 px; C: padding:500 px;margin:400 px; D: width:500 px;height:400 px;
- 以下代码片断中,属于相对定位的是()。 A: B: {width:100px;position:relative} C: D: {width:100px;position:sastic} E: F: {width:100px;} G: H: {width:100px;position:absolute}