移动端自适应二选一(rem,viewport)

移动端自适应的方案

一种是采用rem单位,根据浏览器的窗口的width去计算html元素的font-size,这里要有限加载这一段js,另一种是使用等比例缩放的viewport的width设定为固定值(750)

等比例缩放


好处在于,简单粗暴,直接就可以还原设计图的大小
缺点在于分辨率被定死了,大于750与小于750都是这个样子。

rem+动态js设置font-size

好处在于应用的是物理像素,清晰
缺点是:1.加载慢的时候,会出现一次未识别rem的页面大小,乱了。可以弄一个loading,加载完计算之后再显示。
2.3.33333这种,有时候会丢掉小数部分,显示不正确。

猜你喜欢

转载自www.cnblogs.com/smfox/p/8962675.html