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. css - 新手做響應式布局， 斷點過后右側出現空白，求幫助，謝謝。2. css3 - 純css實現點擊特效3. javascript - 關于<a>元素與<input>元素的JS事件運行問題4. python - 啟動Eric6時報錯：’qscintilla_zh_CN’ could not be loaded5. mysql - 查詢字段做了索引為什么不起效,還有查詢一個月的時候數據都是全部出來的，如果分拆3次的話就沒問題，為什么呢。6. mysql - 記得以前在哪里看過一個估算時間的網站7. ID主鍵不是自增的嗎 為什么還要加null8. 大家好，我想請問一下怎么做搜索欄能夠搜索到自己網站的內容。9. MySQL中的enum類型有什么優點？10. javascript - ES6 中能否把 class 屬性 方法 分文件？
網公網安備