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 就不是了。)

  • 相关阅读:
    燕之屋燕窝被指97%为糖水和增稠剂 营养价值不如鸡蛋
    烧烤需要准备些什么东西?烧烤步骤
    烧烤材料清单都有什么?
    西雅图华人码农生存实录
    【读书】李建:《读书的“有用”与“无用”》
    孩子,我为什么要求你读书
    读书和不读书差别在哪里?
    招人不是HR第一职责,留住人才是
    select 可输入的下拉框
    toLocaleString 日期
  • 原文地址:https://www.cnblogs.com/zhangkk/p/4536902.html
Copyright © 2011-2022 走看看