html基值 仿淘宝

$(function(){
            var scale = 1 / devicePixelRatio;
            document.querySelector(\'meta[name="viewport"]\').setAttribute(\'content\',\'initial-scale=\' + scale + \', maximum-scale=\' + scale + \', minimum-scale=\' + scale + \', user-scalable=no\');
            document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + \'px\';
        });

1）布局的时候，各元素的css尺寸=psd上元素的尺寸/（设计稿横向总宽/10）。

2）font-size可能需要额外的媒介查询，并且font-size不使用rem。

拿淘宝来说的，他们用的设计稿是750的，所以html的font-size就是75，如果某个元素时150px的宽，换算成rem就是150 / 75 = 2rem。

注：

跟网易一样，淘宝也设置了一个临界点，当设备竖着时横向物理分辨率大于1080时，html的font-size就不会变化了，原因也是一样的，分辨率已经可以去访问电脑版页面了。