課程
/前端開發
/HTML/CSS
/移動web開發適配秘籍Rem
可以不適用sass 進行適配嗎？
2018-04-26
源自：移動web開發適配秘籍Rem 3-3
正在回答
老師那樣的做法就是調用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;
慕粉13027520178
冷月詩魂 回復 慕粉13027520178
你試試直接設置html的font-size=10px;然后后面的單位進行比例計算就行，比如字體原本是16px;換成rem就是1.6rem;
舉報
移動web不求人，全面掌握移動web開發rem適配方案。
1 回答安裝sass問題
1 回答sass文件編譯不成功是為什么
1 回答這個sass文件去哪里找
4 回答如何配置sass和webpack等插件
1 回答不熟悉sass，有沒有純js代碼實現的，網上版本太多比較亂
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-05-11
老師那樣的做法就是調用function簡化了代碼量，這種方法就是每次頁面加載都要引入計算，麻煩些對吧
2018-05-02
額，上面那是固定的了，你就直接這樣（不用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
你試試直接設置html的font-size=10px;然后后面的單位進行比例計算就行，比如字體原本是16px;換成rem就是1.6rem;