响应式web设计之@media screen,手机网页自适应

来源:清泛原创     2016-06-07 09:59:24    人气:     我有话说( 0 人参与)

清泛网(www.tsingfun.com):@media screen and (max-width: 600px) { *当屏幕尺寸小于600px时,应用下面的CSS样式* .class {background: #ccc;}}@media scre...

@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;
  }
}

记录。仅仅记录一下。

标签: 手机网页  自适应 

注:本文为本站或本站会员原创优质内容,版权属于原作者及清泛网所有,
欢迎转载,转载时须注明版权并添加来源链接,谢谢合作! (编辑:admin)