zoukankan      html  css  js  c++  java

  • 所有设备的CSS像素

    mydevice.io

    Mobile devices, in Responsive Web Design, relate to a core value which is the value of CSS width or ("device-width"), in CSS Device Independant Pixels, which depends both of the browser and user zoom settings.

    Smartphones Phablets Tablets Other connected

     Common Smartphones values
    name
    phys. 
    width
    phys. 
    height
    CSS 
    width
    CSS 
    height
    pixel
    ratio
    phys. ppi
    CSS ppi
    Apple iPhone 6 750 1334 375 667 2 326 192
    Apple iPhone 5 640 1136 320 568 2 326 192
    Apple iPhone 4 640 960 320 480 2 326 192
    Apple iPhone 3 320 480 320 480 1 163 96
    Apple iPod Touch 640 1136 320 568 2 326 192
    LG G4 1440 2560 360 640 4 538 384
    LG G3 1440 2560 360 640 4 538 384
    LG Optimus G 768 1280 384 640 2 318 192
    Samsung Galaxy Note 2 720 1280 360 640 2 267 192
    Samsung Galaxy Note 800 1280 400 640 2 285 192
    Samsung Galaxy S5 1080 1920 360 640 3 441 288
    Samsung Galaxy S4 1080 1920 360 640 3 441 288
    Samsung Galaxy S4 mini 540 960 360 640 1.5 256 144
    Samsung Galaxy S3 720 1280 360 640 2 306 192
    Samsung Galaxy S3 mini 480 800 320 533 1.5 233 144
    Samsung Galaxy S2 480 800 320 533 1.5 217 144
    Samsung Galaxy S 480 800 320 533 1.5 233 144
    Samsung Galaxy Nexus 720 1200 360 600 2 316 192
    LG Nexus 5 1080 1920 360 640 3 445 288
    LG Nexus 4 768 1280 384 640 2 320 192
    Microsoft Lumia 1020 768 1280 320 480 2.4 332 220
    Microsoft Lumia 925 768 1280 320 480 2.4 332 220
    Microsoft Lumia 920 768 1280 320 480 2.4 332 220
    Microsoft Lumia 900 480 800 320 480 1.5 217 144
    Microsoft Lumia 830 720 1280 320 480 2 294 192
    Microsoft Lumia 620 480 800 320 480 1.5 252 144
    HTC One 1080 1920 360 640 3 468 288
    HTC 8X 720 1280 320 480 3 341 288
    HTC Evo 3D 540 960 360 640 1.5 256 144
    Sony Xperia Z3 1080 1920 360 598 3 424 288
    Sony Xperia Z 1080 1920 360 640 3 443 288
    Sony Xperia S 720 1280 360 640 2 342 192
    Sony Xperia P 540 960 360 640 1.5 275 144
    Xiaomi Mi 4 1080 1920 360 640 3 441 288
    Xiaomi Mi 3 1080 1920 360 640 3 441 288
    Lenovo K900 1080 1920 360 640 3 401 288
    Pantech Vega n°6 1080 1920 360 640 3 373 288
    Blackberry Leap 720 1280 390 695 2 294 177
    Blackberry Passport 1440 1440 504 504 3 453 274
    Blackberry Classic 720 720 390 390 1.8 294 177
    Blackberry Q10 720 720 346 346 2 328 192
    Blackberry Z30 720 1280 360 640 2 295 192
    Blackberry Z10 768 1280 384 640 2 355 192
    Blackberry Torch 9800 360 480 360 480 1 187 96
    ZTE Grand S 1080 1920 360 640 3 441 288
    ZTE Open (Firefox OS) 480 720 320 480 1.5 165 144

    Discover your device values

     Common Phablets values
    name
    phys. 
    width
    phys. 
    height
    CSS 
    width
    CSS 
    height
    pixel
    ratio
    phys. ppi
    CSS ppi
    Apple iPhone 6 Plus 1080 1920 414 736 3 401 249
    Motorola Nexus 6 1440 2560 412 690 3.5 493 336
    Microsoft Lumia 1520 1080 1920 432 768 2.5 367 240
    Samsung Galaxy Note 4 1440 2560 360 640 4 515 384
    Samsung Galaxy Note 3 1080 1920 360 640 3 386 288
     Common Tablets values
    name
    phys. 
    width
    phys. 
    height
    CSS 
    width
    CSS 
    height
    pixel
    ratio
    phys. ppi
    CSS ppi
    Apple iPad Pro 2048 2732 1024 1366 2 265 192
    Apple iPad 3, 4, Air 1536 2048 768 1024 2 264 192
    Apple iPad 1, 2 768 1024 768 1024 1 132 96
    Apple iPad mini 2, 3 1536 2048 768 1024 2 326 192
    Apple iPad mini 768 1024 768 1024 1 163 96
    Samsung Galaxy Tab 3 10" 800 1280 800 1280 1 149 96
    Samsung Galaxy Tab 2 10" 800 1280 800 1280 1 149 96
    Samsung Galaxy Tab (8.9") 800 1280 800 1280 1 170 96
    Samsung Galaxy Tab 2 (7") 600 1024 600 1024 1 170 96
    Samsung Nexus 10 1600 2560 800 1280 2 300 192
    HTC Nexus 9 1538 2048 768 1024 2 281 192
    Asus Nexus 7 (v2) 1080 1920 600 960 2 323 192
    Asus Nexus 7 (v1) 800 1280 604 966 1.325 216 127
    LG G Pad 8.3 1200 1920 600 960 2 273 192
    Amazon Kindle Fire HD 8.9 1200 1920 800 1280 1.5 254 144
    Amazon Kindle Fire HD 7 800 1280 480 800 1.5 216 144
    Amazon Kindle Fire 600 1024 600 1024 1 167 96
    Microsoft Surface Pro 3 1440 2160 1024 1440 1.5 / 1.4 216 144
    Microsoft Surface Pro 2 1080 1920 720 1280 1.5 207 144
    Microsoft Surface Pro 1080 1920 720 1280 1.5 207 144
    Microsoft Surface 768 1366 768 1366 1 148 96
    Blackberry Playbook 600 1024 600 1024 1 169 96
     Other connected devices
    name
    phys. 
    width
    phys. 
    height
    CSS 
    width
    CSS 
    height
    pixel
    ratio
    phys. ppi
    CSS ppi
    Google Glass 640 360 427 240 1.5 ? 144

    Discover your device values

    mydevice.io made with love by @goetter, with great help from @eQRoeil
  • 相关阅读:
    lvs三种模式的优缺点对比
    linux下的$0-n作用
    图解 HTTP 笔记（一）——了解 Web 及网络基础
    从源码学习使用 node-delegates
    从源码看 Vue 中的 Mixin
    常见 Web 性能优化方式
    解密虚拟 DOM——snabbdom 核心源码解读
    浅谈 JSONP
    代码覆盖率测试及 GitHub 自动化集成
    Redis 学习笔记
  • 原文地址：https://www.cnblogs.com/wbxjiayou/p/5168255.html
Copyright © 2011-2022 走看看