css---pc、无线如何通过js获取屏幕宽度结合sass实现自适应页面
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;
}
相关文章
图文推荐
- 文章
- 推荐
- 热门新闻