文章詳情頁
html5 - rem和px 換算詳解
瀏覽：209日期：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. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””2. docker容器呢SSH為什么連不通呢？3. javascript - 連續(xù)點擊觸發(fā)mouseleave事件4. nignx - docker內nginx 80端口被占用5. mac里的docker如何命令行開啟呢？6. 關于docker下的nginx壓力測試7. docker - 各位電腦上有多少個容器啊？容器一多，自己都搞混了，咋辦呢？8. angular.js使用$resource服務把數(shù)據(jù)存入mongodb的問題。9. docker gitlab 如何git clone？10. macos - mac下docker如何設置代理
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備