乙個表示列印影象或顯示器單位面積上畫素數量的指數。一般用來計量電腦，電視機和手持電子裝置螢幕的精細程度。通常情況下，每英吋畫素值越高，螢幕能顯示的影象也越精細。它的值為 螢幕對角線解析度/螢幕尺寸。
計算公式
例如：iphone5 的螢幕解析度為1136 x 640 ,螢幕大小為 4 英吋。可以由下公式計算出他的ppi為326。
布局視口是指網頁的內容區域的大小。在pc端布局視口會隨著瀏覽器的大小變化而變化。在移動端瀏覽器為了使移動端可以相容pc端的頁面，會將布局視口寬度預設設為980px左右。
獲取方式
document.documentelement.clientwidth/height
複製**
name="viewport"
content="width=640">
複製**
獲取方式
window.innerwidth/height
複製**
initial-scale設定初始縮放比例(視覺市口相對於螢幕尺寸)間接設定了視覺視口。縮放比例越大，值越小。
name="viewport"
content="initial-scale=1">
複製**
name="viewport"
content="width=device-width,initial-scale=1">
複製**
name="viewport"
content="width=device-width">
複製**
name="viewport"
content="initial-scale=1">
複製**
移動端web適配
移動端web適配我了解的總共有4種方法 首先在做移動端開發的時候一定會加上viewport name viewport content width width device,initial scale 1 minimum scale 1,maximum scale 1,user scalable n...
移動端 Web頁面適配
由於手機機型較多，各個手機的螢幕尺寸不一樣，所以做移動端頁面，需要考慮在安卓和ios的各種尺寸裝置的相容問題，我們要做的 web 頁面適配，就是為了在不同裝置上，頁面能夠保持統一展示效果，或等比縮放。常見的移動適配方案有以下幾種 2.1 viewport 可視區 最初手機端需要照顧 pc 端，如果不...
web移動端適配（騰訊方案）
那看我慢慢道來，不過在這之前，先要弄清楚幾個問題 1.vw單位是什麼？相對於視口的寬度，我們把整個視口寬均分成了100個單位的vw，也就是說1vw，相當於1 可視視窗寬。vw單位在安卓瀏覽器4.4 和chrome26.0 都開始被支援。要是放到了幾年前，假如我們要使用vw單位來做移動端的適配，很可能...