如果浏览器审核元素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
