px： 邏輯畫素，瀏覽器使用的抽象單位
dp,pt： 裝置無關畫素
dpr： 裝置縮放比
計算公式：1px = (dpr)² * dp;
iphone5的dpr=2；
所以，1px由4個dp來渲染
iphone5的螢幕是640dp*1136dp = 320px*568px;
二dpi： 印表機每英吋可以噴的墨汁點（印刷行業）
ppi: 螢幕每英吋的畫素數量，即單位區域內的畫素密度
目前在計算機顯示裝置引數描述上，二者的表達意思是一樣的
ppi = 根號（1136² + 640²）/4 = 326ppi（視網膜retina螢幕）
注意：計算ppi的時候，只能用硬體相熟，而不是px（邏輯畫素）
ppi越高，畫素越清晰
可視度越低，系統預設設定的縮放比就越大
三、預設縮放比
ldpi mdpi hdpi xdpi
ppi 120 160 240 320
預設縮放比 0.75 1.0 1.5 2.0
retina螢幕（高清屏）就是dpr>2
第二節 viewport
乙個pc的頁面在移動裝置上展示效果是怎樣的呢？
ios的viewport普遍都是980px;
android不一定
手機瀏覽器預設為我們做了兩件事:
1、頁面渲染在乙個980px（px）的viewport裡面(android不一定)
2、縮放
意思就是，然呢先排版正確，然後在通過縮放，讓你看的正確。
viewport有兩種：
visual viewport
layout viewport
可以把手機頁面想象為兩層，第乙個是原始的布局頁面，第二個是手機縮放後的頁面
也就是說乙個在底下，乙個在上面的這個關係，暫時可以這麼理解
想乙個問題
設計移動web，為什麼不適用預設的980px的布局layout？
因為：1、寬度不可設定，不同系統不同裝置的預設值都可能不同
2、頁面縮小版顯示，使用者體驗和互動體驗不友好
3、連線不容易被點選到
4、有縮放，縮放後很容易滾動
還有就是，移動的 font-size: 40px 等於 pc上的 12px同等物理大小，不規範。
所以最後可以通過
來改變我們的預設report
width: 設定布局viewport特定值(device-width)
inital-scale: 設定縮放比
minimum-scale:最少縮放
maximum-scale：最大縮放
user-scalable： 使用者自己能否縮放
這句話的意思就是布局優化，等於我們的裝置寬度
縮放比：window.innerwidh/document.clientwidth;
所以得使縮放比統一一下
web移動端適配入門
乙個表示列印影象或顯示器單位面積上畫素數量的指數。一般用來計量電腦，電視機和手持電子裝置螢幕的精細程度。通常情況下，每英吋畫素值越高，螢幕能顯示的影象也越精細。它的值為 螢幕對角線解析度 螢幕尺寸。計算公式 例如 iphone5 的螢幕解析度為1136 x 640 螢幕大小為 4 英吋。可以由下公式...
移動端互動直播 入門篇
rtmp real time messaging protocol 實時訊息傳送協議 工作在tcp之上的明文協議，使用埠1935 rtmpt封裝在http請求之中，可穿越防火牆 rtmps類似rtmpt，但使用的是https連線 客戶端支援 h264編碼 mkv俄文 是 俄羅斯套娃 的誤讀，因為ma...
移動端互動直播 入門篇
rtmp real time messaging protocol 實時訊息傳送協議 工作在tcp之上的明文協議，使用埠1935 rtmpt封裝在http請求之中，可穿越防火牆 rtmps類似rtmpt，但使用的是https連線 客戶端支援 h264編碼 mkv俄文 是 俄羅斯套娃 的誤讀，因為ma...