h5-运用media实现自适应布局

项目中碰到不同分辨率下，一些样式显得很乱，用户使用的手机分辨率肯定五花八门，所以做自适应是非常有必要的。 举个栗子 比如上图，在浏览器中我用的iphone6/7/8的分辨率,375 x 667，看着一切是正常的，然后我们换成分辨率比较低一点的 发现下方的一串文字被顶到下方去了，超出屏幕的高度，虽然拖动页面也可以看到下方的文字，但是显得很不和谐。 由于这一行的margin-top是固定值，所以高度缩

>>阅读原文<<