css---pc、无线如果通过js获取屏幕宽度结合sass实现自适应页面

1、js生成html的font-size(即生产1rem的px数)

//html顶部添加代码// <script type="text/javascript">    (function(){            var docEl = document.documentElement;        var dpr = window.devicePixelRatio || 1;        var rem = docEl.clientWidth * dpr / 10;        var scale = 1 / dpr;        // 动态写入样式        docEl.style.fontSize = rem*scale + 'px';    })();</script>

2、sass动态计算px数

$uiWidth:75px;@function px2Rem($px){  @return $px/$uiWidth*1rem;}