根據不同的裝置設定的樣式：
@media (min-width: 768px)
@media (min-width: 992px)
@media (min-width: 1200)
注意下順序，如果你把@media (min-width: 768px)寫在了下面那麼很悲劇，因為css檔案是從上至下讀取的，後面的css優先順序會更高
@media (min-width: 1200)
@media (min-width: 992px)
@media (min-width: 768px)
因為如果是1440,由於1440>768那麼你的1200就會失效。
所以我們用min-width時，小的放上面大的在下面，同理如果是用max-width那麼就是大的在上面，小的在下面
@media (max-width: 1199)
@media (max-width: 991px)
@media (max-width: 767px)
如何在CSS中新增手機端（移動端）自適應樣式
通用手機端樣式 media all and orientation portrait media all and orientation landscape 指定手機端高度樣式 media screen and max width 750px media screen and min width 7...
手機端rem如何適配 rem詳解及網頁自適應
什麼是rem 在我看來，rem就是1rem單位就等於html節點fontsize的畫素值。所以改變html節點的fontsize是最為關鍵的一步。根據手機寬度改變相對大小就可以實現自適應了，就不用什麼 查詢那些的。我們的設計圖往往寬度是640或者其他尺寸的，不過我建議是用這個尺寸，以640為基準，以...
CSS在移動端適配中的部分問題總結
css即瀏覽器的渲染，而瀏覽器的渲染一定是基於畫素而言的。對於畫素，首先需要明確兩個概念，即物理畫素與邏輯畫素。物理畫素就是反映顯示屏的硬體條件，反映的就是顯示屏內部led燈的數量，可以簡單理解，一組三色led代表乙個物理畫素，當然根據螢幕物理屬性以及處理led的方法不一樣。強調這是物理的，因為這是...