响应式布局
Posted 小兔无情
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了响应式布局相关的知识，希望对你有一定的参考价值。
1，需要在头部添加：<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no″>
- 否则媒体查询里的width条件不好用，因为CSS像素是不变的；
2，添加媒体查询：@media only screen and (min-width: 287px) and (max-width: 500px)
- only的作用是让那些不支持width条件但却支持screen的设备忽略该语句，否则所有screen设备都会应用该样式
- 可以应用not关键字取反
3，可以在页面的body上设置最小宽度：min-width: #px;
案例：知乎，m.baidu.com
以上是关于响应式布局的主要内容，如果未能解决你的问题，请参考以下文章