一般而言，目前比較主流的應該就是rem和vw，關於這些文章網路部落格上應該已經挺多的(rem的相容性相對於vw更好)，今天看到張鑫旭的一篇部落格，覺得寫的挺好的:
經過大型專案實踐，下面這段css是最好的基於rem和vm和calc實踐**：
html
@media screen and (min-width: 375px)
}@media screen and (min-width: 414px)
}@media screen and (min-width: 600px)
}@media screen and (min-width: 1000px)
}大家可以直接拷過去用哦，哈哈哈～～
移動端頁面相容性解決方案
一,css部分 1,meta標籤 maximum scale 1,minimum scale 1,user scalable no 移動端加上這個標籤才是真正的自適應，不加的話，假如你把乙個980px寬度 手機端常規是980 的pc網頁放在手機上顯示，倒也能正常顯示不出現滾動條，不過是移動裝置對頁面...
XHTML CSS相容性解決方案
使用xhtml css構架好處不少，但也確實存在一些問題，不論是因為使用不熟練還是思路不清晰，我就先把一些我遇到的問題寫在下面，省的大家四處找 1.在mozilla firefox和ie中的box模型解釋不一致導致相差2px解決方法 div注意這兩個margin的順序一定不能寫反，據阿捷的說法 im...
XHTML CSS相容性解決方案小集
使用xhtml css構架好處不少，但也確實存在一些問題，不論是因為使用不熟練還是思路不清晰，我就先把一些我遇到的問題寫在下面，省的大家四處找。1.在mozilla firefox和ie中的box模型解釋不一致導致相差2px解決方法 div 注意這兩個margin的順序一定不能寫反，據阿捷的說法 i...