还在苦苦敲代码开发APP?你out啦! 试试积木搭建APP吧~

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

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

@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)
分享到: