css - 使用rem布局的問題
問題描述
是這樣的,看到網上有說可以動態定義根元素的font-size,我使用了document.documentElement.clientWidth/10來定義的,設計稿的寬度是750,按理來說在iphone6上的font-size要為75的,可是,我的卻是37.5,然后就很迷茫了
問題解答
回答1:;(function (doc, win, undefined) {
var docEl = doc.documentElement,resizeEvt = ’orientationchange’ in win? ’orientationchange’ : ’resize’,recalc = function () { var clientWidth = docEl.clientWidth; if (clientWidth === undefined) return; docEl.style.fontSize = 20 * (clientWidth / 320) + ’px’;};if (doc.addEventListener === undefined) return;win.addEventListener(resizeEvt, recalc, false);doc.addEventListener(’DOMContentLoaded’, recalc, false)
})(document, window);
回答2:iphone的devicePixelRatio的為2,所以你需要設置<meta name='viewport' content='initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no'>
相關文章:
1. phpstudy8.1沒集成mysql-front2. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題3. node.js - mongodb查找子對象的名稱為某個值的對象的方法4. docker鏡像push報錯5. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””6. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????7. 利用IPMI遠程安裝centos報錯!8. html5 - datatables 加載不出來數據。9. 前端 - @media query 使用出現的問題?10. html5和Flash對抗是什么情況?

網公網安備