响应式web设计之@media screen,手机网页自适应
栏目分类:html教程 发布日期:2016-03-20 来源: 浏览次数:次
@media screen and (max-width: 600px) { *当屏幕尺寸小于600px时,应用下面的CSS样式* class {background: ccc;}}@media screen and (min-width: 600px) and (max-width: 900px) { *当屏幕尺
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时,应用下面的CSS样式*/
.class {
background: #ccc;
}
}
@media screen and (min-width: 600px) and (max-width: 900px) { /*当屏幕尺寸介于600到900之间时,应用下面的CSS样式*/
.class {
background: #fff;
}
}
记录。仅仅记录一下。
相关热词:响应式