移动端是如何做适配的?

移动端的适配要分为三点来讨论:
使用viewport
媒体查询
动态rem方案

一、使用viewport

也就是使用html{font-size:'+pageWidth+'px;}')

http://js.jirengu.com/tatim/3/edit?html,css

可以让一个rem,等于页面宽度的1/10,方便书写。
当需要特别小的时候,或者字体的问题,直接使用px,因为最小就是1px,更小也没啥用了。

用的时候一定要注意,chrome最小字体为12的原则,因为屏幕一旦太小,可能font-size就小于12,就gg了

你可能感兴趣的:(移动端是如何做适配的?)