手记

响应式布局的图片设置

@media screen and (min-width: 1001px){
figure{ width: 33.3%}

}
/当屏幕大于1001px时 每张图片占据整张屏幕的33.33%/
@media screen and (min-width: 601px)and (max-width: 1000px){
figure{ width: 50%}

}
/当屏幕大于601px小于1000px时 每张图片占据整张屏幕的50%/
@media screen and (min-width: 400px ) and (max-width: 600px){
figure{ width: 100%}
}
/当屏幕大于400px小于600px时 每张图片占据整张屏幕的33.33%/

4人推荐
随时随地看视频
慕课网APP

热门评论

大于1001px,应该改为大于等于1001px。

其它地方也得修改一下。

查看全部评论