文章詳情頁
html5 - rem和px 換算詳解
瀏覽:115日期:2023-01-30 14:49:05
問題描述
問題解答
回答1:font-size為12px,則1rem為12px;
25px就是 25/12rem,這時寬高。
margin-top就是30/12rem
回答2:可以看這個回答 rem,這種東西還是自己動動手記得更牢固一點
回答3:html根元素的font-size如果是100px;那么100px = 1rem;0.5rem = 50px;.04rem = 4px;
建議根元素的字體大小設(shè)置成100px;換算方便。
回答4:rem一般用于移動端布局的,而與px的關(guān)系是在于你的html的fontSize是多少。給你一個自執(zhí)行函數(shù)你就理解了。
<script type='text/javascript'> (function (win,doc) {function setSize() { doc.documentElement.style.fontSize=20*document.documentElement.clientWidth/320+’px’;}setSize();win.addEventListener(’resize’,setSize,false) })(window,document) </script>
你把這個引入就可以了,放在最上面
標簽:
Html5
相關(guān)文章:
1. javascript - 我是做web前端的,公司最近有一個項目關(guān)于數(shù)據(jù)統(tǒng)計的!2. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)3. javascript - vue過渡效果 css過渡 類名的先后順序4. javascript - 如何使用loadash對[object,object,object]形式的數(shù)組進行比較5. ios - 類似微博首頁,一張圖的時候是如何確定圖大小的?6. node.js - 微信小程序websocket連接問題7. javascript - 在ie下為什么會出現(xiàn)這種情況呢 《 無法獲取未定義或 null 引用的屬性“l(fā)ength”》 ?請大神指教。8. javascript - vuejs+elementui 購物車價格計算,點擊加減號修改數(shù)量總價都不會改變,但是計算執(zhí)行了9. html5和Flash對抗是什么情況?10. 數(shù)據(jù)庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。
排行榜

熱門標簽