zoukankan      html  css  js  c++  java
  • ios 5,6,6+ 屏幕适配

                                                                                            iphone5/s       iPhone 6           iPhone 6 Plus
    尺寸                                                                                 4”                  4.7”                 5.5”
    Viewport’s device-width (in CSS pixels)                             320                 375                   414
    Viewport’s device-width (Android设备同分辨率参考)              360                 360                   400
    Device Pixel Ratio 像素比                                                   2                     2                       3  (近似值)  
    Rendered Pixels 渲染像素 (默认 viewport size * dpr)      640x1136       750×1334         1242×2208
    Physical pixels 物理像素(手机显示像素)                       640x1136       750×1334         1080×1920
    PPI 每英寸所拥有的像素数                                                326                 326                   401

    Status Bar 状态栏高 (px)                                                  40                   40                     60

    Title Bar   导航条高 (px)                                                   88                   88                     132

    Tab Bar   底栏高 (px)                                                       98                   98                     147

    桌面 icon  (px)                                                                120                 120                   180

    图片资源后缀名                                                                @2x                @2x                   @3x

                                   

         

    这 里是给前端参考的:iPhone 6与 iphone 5一样,像素比都是2,但是另一方面 iPhone 6 plus 401的dpi真实的像素比值应该大约是2.60。为了解决这个问题,苹果又整了个新概念rendered pixels 渲染像素,如果像素比是3x,那么理论上一个css宽设为414px的屏幕应该拥有1242px的物理像素(现实中是1080px,小了13%)。(像素 比的计算方法是:前端的代码是把iPhone4,5的屏幕宽度写为320px,而此时 iphone4,5的所有产品实际宽的像素是640PX,所以像素比是2,iphone6的 CSS 中是375px,实际像素是750px,像素比也是2,而 plus 就不是了。)

  • 相关阅读:
    WiFi 和蓝牙一体的 ESP32 芯片及乐鑫官方的 Arduino 开发工具包
    给模块添加 USB 支持的 USB Host Shield Mini
    设备间数据通信 —— 串行外设接口(SPI)协议
    ESP32 开发板刷入 MicroPython
    芯片、模组、开发板以及业余爱好者如何选择
    快速了解线路板(PCB)基础知识
    终端发展过程及 tty、pty、pts 的区别
    时间类型和时间戳
    使用Qt实现一个必应壁纸客户端
    给网站添加Let's Encrypt的免费ssl证书
  • 原文地址:https://www.cnblogs.com/zhangkk/p/4536902.html
Copyright © 2011-2022 走看看