1、rem基础
rem单位
rem (root em)是一个相对单位 ,类似于em , em是父元素字体大小。
不同的是rem的基准是相对于html元素的字体大小。...and: 可以将多个媒体特性连接到一起,相当于"且" 的意思。
not: 排除某个媒体类型,相当于“非”的意思,可以省略。
only :指定某个特定的媒体类型,可以省略。...:为了防止混乱,媒体查询我们要按照从小到大或者从大到小的顺序来写,但是我们最喜欢的还是从小到大来写, 这样代码更简洁
2.3媒体查询+ rem实现元素动态大小变化
rem单位是跟着html来走的,有了rem...2.使用媒体查询根据不同设备按比例设置html的字体大小,然后页面元素使用rem做尺寸单位,当html字体大小变化,元素尺寸也会发生变化,从而达到等比缩放的适配。...500px、 720px
大部分4.7~5寸的安卓设备为720px
一般情况下,我们以一套或两套效果图适应大部分的屏幕,放弃极端屏或对其优雅降级, 牺牲一些效果。