web移动端rem自适应方案问题

看过手机淘宝的终端适配方案lib-flexible
不是很能理解dpr和scale处理高清屏的部分
感觉就是scale缩小dpr倍数，然后rem放大同样倍数

这样处理和直接
<meta name="viewport" content="initial-scale=1">
然后设置rem感觉效果一样啊...

还有高清屏的适配只处理iphone设备吗？好像也有其他android设备也有dpr>1的设备

看到代码是2 years ago，不清楚最新适配方案是否还是rem主流

问题补充：

//不处理dpr

`<html style="font-size: 32px">    <head>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    </head>
 </html>`

//手淘--处理dpr

`<html style="font-size: 64px" data-dpr="2">    <head>
        <meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no">
    </head>
 </html>`

在我自己实现来看，处理不处理dpr看起来效果没有区别。
我的疑问点在这里。

一只斗牛犬

浏览 611回答 0

0回答

随时随地看视频慕课网APP