您的位置：首页 > Web前端 > CSS

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

2017-06-11 15:45 911 查看
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;
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  sass自适应 px2Rem css响应式 rem动态
相关文章推荐
新的分享
章节导航