首先呢篮撑，我們將iPhone手機(jī)的相關(guān)數(shù)據(jù)表示如下
我們要理解很多東西，比如邏輯分辨率匆瓜、物理分辨率赢笨、縮放因子、ppi等驮吱，這里先不討論茧妒。
首先呢，我們先介紹下各個(gè)屏幕寬度：
網(wǎng)頁(yè)可見區(qū)域?qū)挘?document.body.clientWidth
網(wǎng)頁(yè)可見區(qū)域高： document.body.clientHeight
網(wǎng)頁(yè)可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
網(wǎng)頁(yè)可見區(qū)域高： document.body.offsetHeight (包括邊線的高)
網(wǎng)頁(yè)正文全文寬： document.body.scrollWidth
網(wǎng)頁(yè)正文全文高： document.body.scrollHeight
網(wǎng)頁(yè)被卷去的高： document.body.scrollTop
網(wǎng)頁(yè)被卷去的左： document.body.scrollLeft
網(wǎng)頁(yè)正文部分上： window.screenTop
網(wǎng)頁(yè)正文部分左： window.screenLeft
屏幕物理分辨率的高： window.screen.height
屏幕物理分辨率的寬： window.screen.width
屏幕可用工作區(qū)高度： window.screen.availHeight
屏幕可用工作區(qū)寬度： window.screen.availWidth
屏幕縮放因子：window.devicePixelRatio
屏幕邏輯分辨率：window.screen.width * window.devicePixelRatio (縮放因子與物理分辨率的乘積)
下面左冬，我將分別在不同設(shè)備上的演示后的結(jié)果截圖如下：
iPhone5
iPhone6
iPad
PC
那么大家根據(jù)這些嘶伟，多理解理解這些數(shù)據(jù)。
我們?cè)谝苿?dòng)端開發(fā)時(shí)又碌，在<head>標(biāo)簽中加入
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">這句話幫我們解決了很多問題，我們只要按照設(shè)備物理像素的大小來進(jìn)行開發(fā)就行了绊袋。
