360*640是什麼設備的解析度?
如圖,百度解析度使用情況的數據,其中360*640很明顯不是PC端的解析度吧?是什麼設備的解析度呢?
這個很明顯就是手機解析度!
以下是一位知乎用戶在另外一個題目裡面的答案。我引用一下。
作者:泯軼
鏈接:https://www.zhihu.com/question/52250984/answer/178128838
來源:知乎
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。
2. 360*640是什麼設備?
這個問題比較複雜,我們先解釋320*480,320*568,375*667,414*736這幾個解析度。
解釋前,引入個概念:設備像素比 devicePixelRatio,
window.devicePixelRatio是設備上物理像素和設備獨立像素(device-independent pixels (dips))的比例。 公式表示就是:window.devicePixelRatio = 物理像素 / dips
CSS中的1px不等於設備的1px。如Retina屏的iPhone4,devicePixelRatio=2,即CSS里1個像素會用到物理屏幕的2個像素。iOS app的UI資源區分@1x、@2x和@3x,也是類似的邏輯。所以我用320*480的手機與用640*960的手機打開,最後記錄到的都是320*480。
我們把上述前3個解析度乘2,變成640*960,640*1136,750*1334,很熟悉了對不對?沒錯,它們分別是iPhone4/4s,iPhone5/5s,iPhone6/6s/7。而iPhone6p/6sp/7p算出來應該是540*960,但是被 Downsampling(縮減像素採樣)到414*736。 可以看看iPhone 6 Plus 的邏輯解析度為什麼是 414x736 ?
我們再看看android,把360*640,乘以2或3,得到的720*1280,1080*1920,是不是又很熟悉了?所以360*640可以解釋為各類android設備。
那統計結果上的720*1280和1080*1920又怎麼解釋?——把這部分量解釋成平板電腦,devicePixelRatio=1,是不是就合理了?
推薦閱讀:
※web前端大牛們當年是如何入門的?或者說成長曆程是怎樣的?
※靈感迸發 | 國外 28 個知名網站的 404 頁面
※網頁設計的首屏尺寸一般是多少?