文章詳情頁
html5 - rem和px 換算詳解
瀏覽:129日期: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;
建議根元素的字體大小設置成100px;換算方便。
回答4:rem一般用于移動端布局的,而與px的關系是在于你的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
相關文章:
1. node.js - 在vuejs-templates/webpack中dev-server.js里為什么要exports readyPromise?2. mysql優(yōu)化 - 關于mysql分區(qū)3. html5 - 如何實現(xiàn)帶陰影的不規(guī)則容器?4. javascript - 循環(huán)嵌套多個promise應該如何實現(xiàn)?5. python - 管道符和ssh傳文件6. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應7. objective-c - iOS開發(fā)支付寶和微信支付完成為什么跳轉(zhuǎn)到了之前開發(fā)的一個app?8. javascript - 為什么這個點擊事件需要點擊兩次才有效果9. javascript - ionic2 input autofocus 電腦成功,iOS手機鍵盤不彈出10. vue.js - vue 打包后 nginx 服務端API請求跨域問題無法解決。
排行榜

熱門標簽