网页在移动端的自适应，一点感触

如果浏览器审核元素css是灰色，意味着它可能被更高级的元素覆盖了，可以去找找更高级的。

移动端自适应的代码：

使用meta标签：viewport

viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。

viewport标签和属性：

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

每个属性的详细介绍：

width:正整数 或 device-width定义视口的宽度，单位为像素

height:正整数 或 device-height定义视口的高度，单位为像素，一般不用

initial-scale:[0.0-10.0]  定义初始缩放值

minimum-scale:[0.0-10.0]  定义缩小最小比例，它必须小于或等于maximum-scale设置

maximum-scale:[0.0-10.0]  定义放大最大比例，它必须大于或等于minimum-scale设置

user-scalable:yes/no  定义是否允许用户手动缩放页面，默认值yes