h5-運用media實現自適應佈局

項目中碰到不同分辨率下，一些樣式顯得很亂，用戶使用的手機分辨率肯定五花八門，所以做自適應是非常有必要的。 舉個栗子 比如上圖，在瀏覽器中我用的iphone6/7/8的分辨率,375 x 667，看着一切是正常的，然後我們換成分辨率比較低一點的 發現下方的一串文字被頂到下方去了，超出屏幕的高度，雖然拖動頁面也可以看到下方的文字，但是顯得很不和諧。 由於這一行的margin-top是固定值，所以高度縮

>>阅读原文<<