智慧职教:
@media screen and (max-width:700px){ #content{width:50%}} 含义是当设备显示宽度大于等于700px时，设置Id名为content的元素宽度为50%；
举一反三
- 当设备显示宽度小于或等于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: width ="50%" B: order ="50%" C: length ="50%" D: width ="50"
- 将表格的宽度设置为浏览器宽度的一半，下列设置正确的是（ ）。 A: width="50%" B: border="50%" C: length="50%" D: width="50"
- 在网页中有一个id为content的div，下面( )正确设置它的宽度为200像素，高度为100像素，并且向左浮动。 A: #content{width:200px;height:100px;clear:left;} B: #content{width:200px;height:100px;float:left;} C: #content{width:100px;height:200px;clear:left;} D: #content{width:100px;height:200px;float:left;}
- 请写出如下CSS代码： 当设备显示宽度小于或等于700像素时，名为“content”的容器背景色设置为红色