一些移動端裝置的devicePixelRatio

2021-09-20 04:24:47 字數 1423 閱讀 9542

裝置畫素為:1.0 (-webkit-min-device-pixel-ratio)

所有non-retina mac電腦

蘋果iphone(第一代)

蘋果iphone 3 g

蘋果iphone 3 gs

蘋果ipad(第一代)

蘋果ipad 2

蘋果ipad迷你(第一代)

巨集碁iconia a500

三星galaxy tab 10.1

三星galaxy s

裝置畫素為:1.3 (-webkit-min-device-pixel-ratio)

華碩memopad高畫質7

谷歌nexus 7(2012型)

裝置畫素為:1.4 (-webkit-min-device-pixel-ratio)

諾基亞流光(lumia)520

裝置畫素為:1.5 (-webkit-min-device-pixel-ratio)

谷歌nexus s

htc慾望

htc desire hd

htc不可思議的年代

htc速度

巨集達電的感覺

kindle fire高畫質

三星galaxy s ii

索尼平板電腦xperia z

索尼xperia u

裝置畫素為:2.0 (-webkit-min-device-pixel-ratio)

所有mac視網膜顯示器

蘋果iphone 4

蘋果iphone 4 s

蘋果iphone 5

蘋果iphone 5度

蘋果iphone 5 s

蘋果iphone 6

蘋果ipad(第三代)

蘋果ipad 4

蘋果ipad的空氣

蘋果ipad迷你(2rd代)

htc一條x

谷歌的galaxy nexus

谷歌nexus 4

谷歌nexus 7(2013型)

谷歌nexus 10

摩托羅拉極限摩托

三星galaxy s三世

三星galaxy注意二世

索尼xperia年代

索尼xperia t

裝置畫素為:2.6 (-webkit-min-device-pixel-ratio)

諾基亞流光(lumia)930

裝置畫素為:3.0 (-webkit-min-device-pixel-ratio)

htc(m7)

htc的蝴蝶

華為榮耀6

蘋果iphone 6 +

lg g2

聯絡5oneplus一

相對應的人找到7(x9076)

三星galaxy s4

三星galaxy注3

三星galaxy注4

索尼xperia z

小公尺小公尺3

移動端的一些坑

1rem大小的設定,1rem 100px html media screen and min width 320px media screen and min width 375px media screen and min width 414px media screen and min widt...

移動端開發的一些問題

解惑好文 移動端h5頁面高畫質多屏適配方案 對比了下文章和公司目前狀況,關於清晰度這一點,公司沒有這方面的要求,我們也沒有做這麼複雜,所有一律用 2x。我確實已經遭遇過好幾次還原度不高的問題,一度覺得很費解,我實話我真的看不出來還原度有多麼的不高。dpr在移動端開發中應該是需要特別注意的一點,dpr...

一些移動端會用到的單位

做前端的應該對em不陌生,不是什麼罕見的單位,是相對單位,參考物是父元素的font size,具有繼承的特點。如果字型大小是16px 瀏覽器的預設值 那麼 1em 16px。不過,這樣使用很複雜,很難很好的與px進行對應,因此,前端開發的前輩們總結了乙個經驗 body那麼,這樣之後 1em 10px...