需求：有個項目只適配了手機，屏幕寬度大於手機尺寸是倆側有灰色背景，現在要適配小米note4平板，如何精確適配？
步驟：
1.打開chrome
F12，點擊設備切換按鈕，點擊上方的手機型號選擇，點擊下拉列表最下邊的eDit
2.出現如下圖界面
增加機型，填寫數據
3.數據如何計算？
1）比如小米note4平板，到小米官方商城查詢可得下圖。
2)計算device pixel ratio（設備像素比）
devicePixelRatio ，它是設備上物理像素和設備獨立像素( device-independent pixels (dips) )的比例，即 devicePixelRatio = 屏幕物理像素/設備獨立像素
例如iPhone4S，分辨率爲：960×640，取屏幕寬度計算，物理像素640px，設備獨立像素320px，那麼，devicePixelRatio 值爲 640px / 320px = 2，又如iPhone3，計算出來的 devicePixelRatio 值爲 320px / 320px = 1
我們也可以這樣理解，由於160ppi是一個標準像素，那麼283ppi約爲1.77，即設備像素比約爲1.77.
這裏還有幾個數據，可供參考:
ipone5s,1136*640像素分辨率，326ppi:設備像素比= 326/160 約等於 2.03
ipone6,1334*750像素分辨率，326ppi:設備像素比= 326/160 約等於 2.03
ipone5 Plus，1920*1080像素分辨率，401ppi：:設備像素比= 326/160 約等於 2.51
這就是設備像素比一般是1,1.5,2,2.5,3的由來。。。
3)根據以上結論我們可以得出，小米note 4 平板的設備像素比約爲1.77
手機分辨率的width、height，分別爲1920/1.77=1085 和 1200/1.77=678
4)輸入user agent string，簡單的方法是打開手機某瀏覽器，在地址欄輸入javascript:alert(navigator.userAgent)，彈出user agent string，再手敲到模擬器user agent string 輸入框中，也可以不寫，畢竟我們只是爲了屏幕適配；
最終結果如下:
