书童037
2018-04-26 16:55
可以不适用sass 进行适配吗?
老师那样的做法就是调用function简化了代码量,这种方法就是每次页面加载都要引入计算,麻烦些对吧
额,上面那是固定的了,你就直接这样(不用scss、sass...):
let htmlWidth=document.documentElement.clientWidth || document.body.clientWidth;
let htmlDom=document.getElementsByTagName('html')[0];
htmlDom.style.fontSize=htmlWidth/37.5+'px';
window.addEventListener('resize',()=>{
let htmlWidth=document.documentElement.clientWidth || document.body.clientWidth;
let htmlDom=document.getElementsByTagName('html')[0];
htmlDom.style.fontSize=htmlWidth/37.5+'px';
console.log(htmlDom.style.fontSize);
});
这个就老师写的,基于iphone6(这个比例是最好计算的),这个时候字体想设计成16px的话就写成1.6rem;
你试试直接设置html的font-size=10px;然后后面的单位进行比例计算就行,比如字体原本是16px;换成rem就是1.6rem;
移动web开发适配秘籍Rem
37075 学习 · 88 问题
相似问题