当前位置:首页 > 教程 > 网页设计 > html教程 > 正文

响应式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;
  }
}
 
记录。仅仅记录一下。

相关热词:响应式

Copyright © 2014 聚合分享 版权所有   京ICP备14037269号-1  关于聚合分享 | 广告合作 | 版权声明 | 意见反馈 | 联系方式 | 原创投稿 | 网站地图 | 友情链接
平面设计网页设计编程教程数据库cms教程电脑教程办公软件服务器seo优化