如果瀏覽器審核元素css是灰色，意味著它可能被更高級(jí)的元素覆蓋了，可以去找找更高級(jí)的。

移動(dòng)端自適應(yīng)的代碼：

使用meta標(biāo)簽：viewport

viewport 是用戶(hù)網(wǎng)頁(yè)的可視區(qū)域。翻譯為中文可以叫做"視區(qū)"。

viewport標(biāo)簽和屬性：

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

每個(gè)屬性的詳細(xì)介紹：

width:正整數(shù) 或?device-width定義視口的寬度，單位為像素

height:正整數(shù) 或?device-height定義視口的高度，單位為像素，一般不用

initial-scale:[0.0-10.0]? 定義初始縮放值

minimum-scale:[0.0-10.0]? 定義縮小最小比例，它必須小于或等于maximum-scale設(shè)置

maximum-scale:[0.0-10.0]? 定義放大最大比例，它必須大于或等于minimum-scale設(shè)置

user-scalable:yes/no? 定義是否允許用戶(hù)手動(dòng)縮放頁(yè)面，默認(rèn)值yes