问答详情
源自:3-3 rem页面适配实战-2网易新闻h5页面开发1

sass 不会

可以不适用sass 进行适配吗?

提问者:书童037 2018-04-26 16:55

个回答

  • 慕容2209156
    2018-05-11 10:41:49

    老师那样的做法就是调用function简化了代码量,这种方法就是每次页面加载都要引入计算,麻烦些对吧

  • 冷月诗魂
    2018-05-02 11:36:44

    额,上面那是固定的了,你就直接这样(不用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;


  • 冷月诗魂
    2018-05-02 11:06:27

    你试试直接设置html的font-size=10px;然后后面的单位进行比例计算就行,比如字体原本是16px;换成rem就是1.6rem;