一、html頁面中head部分引入
content屬性值 :
intial-scale:頁面首次被顯示是可視區域的縮放級別，取值1.0則頁面按實際尺寸顯示，無任何縮放
maximum-scale=1.0, minimum-scale=1.0;可視區域的縮放級別，1.0將禁止使用者放大到實際尺寸之上。
user-scalable:是否可對頁面進行縮放，no 禁止縮放
二、計算頁面基數大小
即：當裝置寬度是375時，字型大小基數是10；當為其他寬度時，字型大小基數值裝置寬度成比例。
三、對需要進行自適應的部件，其大小按rem度量。乙個rem的值繼承html，body的字型基數值。（em單位為最鄰近祖先元素的字型大小）
maximum-scale=1.0, minimum-scale=1.0;可視區域的縮放級別，1.0將禁止使用者放大到實際尺寸之上。
user-scalable:是否可對頁面進行縮放，no 禁止縮放
二、計算頁面基數大小
即：當裝置寬度是375時，字型大小基數是10；當為其他寬度時，字型大小基數值裝置寬度成比例。
三、對需要進行自適應的部件，其大小按rem度量。乙個rem的值繼承html，body的字型基數值。（em單位為最鄰近祖先元素的字型大小）
網頁自適應pc端和移動端
手機的螢幕比較小，寬度通常在600畫素以下 pc的螢幕寬度，一般都在1000畫素以上 目前主流寬度是1366 768 有的還達到了2000畫素。同樣的內容，要在大小迥異的螢幕上，都呈現出滿意的效果，並不是一件容易的事。很多 的解決方法，是為不同的裝置提供不同的網頁，比如專門提供乙個mobile版本，...
移動端網頁大小自適應方案
優點 寬度之間無縫銜接，操作起來也相對比較方便。缺點 字型大小需要另外一套自適應方法來調整 當螢幕寬度大於700px後，繼續按照百分比元素會偏大，這個時候調整起來會比較麻煩。優點 可以根據不同螢幕寬度來設定，可以完美解決上面說的螢幕偏大時的比例問題。字型的大小也不存在問題。缺點 根據寬度區間來設定，...
移動端自適應
1 js動態設定html的字型大小 var clientwidth 0 if document.documentelement.clientwidth 600 else document.documentelement.style.fontsize 50 clientwidth 375 px win...