iphonex_iphone信息 - CSDN
精华内容
参与话题
  • iPhoneX

    2017-12-05 17:23:30
    iPhoneX由于底部安全区的原因UITabBar高度由49pt变成了83pt,多出来的34pt是空白手势区域。 if (@available(iOS 11.0, *)) { _studyTbView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustm

    底部34,顶部44

    iPhoneX由于底部安全区的原因UITabBar高度由49pt变成了83pt,多出来的34pt是空白手势区域。

             if (@available(iOS 11.0, *)) {
                _studyTbView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
            } else {
                self.automaticallyAdjustsScrollViewInsets = NO;
            }
    展开全文
  • iPhone设备 物理分辨率是硬件所支持的,逻辑分辨率是软件可以达到的。 代数 设备 操作系统 逻辑分辨率(point) 物理分辨率(pixel) 屏幕尺寸(对角线长度) 缩放因子 iPhone ...

     iPhone设备

    物理分辨率是硬件所支持的,逻辑分辨率是软件可以达到的。

    代数 设备 操作系统 逻辑分辨率(point) 物理分辨率(pixel) 屏幕尺寸(对角线长度) 缩放因子
      iPhone          
    第一代 iPhone 2G iOS 1 320 x 480 480 x 320 3.5寸 1x
    第二代 iPhone 3 iOS 2 320 x 480 480 x 320 3.5寸 1x
    第三代 iPhone 3GS iOS 3 320 x 480 480 x 320 3.5寸 1x
    第四代 iPhone 4 iOS 4 320 x 480 960 × 640 3.5寸 2x
    第五代 iPhone 4S iOS 5 320 x 480 960 × 640 3.5寸 2x
    第六代 iPhone 5 iOS 6 320 x 568 1136 x 640 4.0寸 2x
    第七代 iPhone 5S/5C iOS 7 320 x 568 1136 x 640 4.0寸 2x
    第八代 iPhone 6 iOS 8 375 x 667 1334 x 750 4.7寸 2x
    第八代 iPhone 6 Plus iOS 8 414 x 736 2208 x 1242 (1920x1080) 5.5寸 3x
    第九代 iPhone 6S iOS 9 375 x 667 1334 x 750 4.7寸 2x
    第九代 iPhone 6S Plus iOS 9 414 x 736 2208 x 1242 (1920x1080) 5.5寸 3x
      iPhone SE iOS 9 320 x 568 1136 x 640 4寸 2x
    第十代 iPhone 7 iOS 10 375 x 667 1334 x 750 4.7寸 2x
    第十代 iPhone 7 Plus iOS 10 414 x 736 2208 x 1242 (1920x1080) 5.5寸 3x
    第十一代 iPhone 8 iOS 11 375 x 667 1334 x 750 4.7寸 2x
    第十一代 iPhone 8 Plus iOS 11 414 x 736 2208 x 1242 (1920x1080) 5.5寸 3x
    第十一代 iPhone X iOS 11 375 x 812 2436 × 1125 5.8寸 3x

    苹果所有设备屏幕尺寸  

    手机型号 尺寸(对角线) 物理点 宽长比例 像素点 倍数 状态栏高度 底部安全距离 导航栏高度 tabbar高度
    iPhone 4/4S 3.5英寸 320x480 0.667 640x960 @2x 20 - 44 49
    iPhone 5/5S/5C 4英寸 320x568 0.563 640x1136 @2x 20 - 44 49
    iPhone SE 4英寸 320x568 0.563 640x1136 @2x 20 - 44 49
    iPhone 6 4.7英寸 375x667 0.562 750x1334 @2x 20 - 44 49
    iPhone 6 Plus 5.5英寸 414x736 0.563 1242x2208 @3x 20 - 44 49
    iPhone 6S 4.7英寸 375x667 0.562 750x1334 @2x 20 - 44 49
    iPhone 6S Plus 5.5英寸 414x736 0.563 1242x2208 @3x 20 - 44 49
    iPhone 7 4.7英寸 375x667 0.562 750x1334 @2x 20 - 44 49
    iPhone 7 Plus 5.5英寸 414x736 0.563 1242x2208 @3x 20 - 44 49
    iPhone 8 4.7英寸 375x667 0.562 750x1334 @2x 20 - 44 49
    iPhone 8 Plus 5.5英寸 414x736 0.563 1242x2208 @3x 20 - 44 49
    iPhone X 5.8英寸 375x812 0.462 1125x2436 @3x 44 34 44 83
    iPhone XS 5.8英寸 375x812 0.462 1125x2436 @3x 44 34 44 83
    iPhone XS Max 6.5英寸 414x896 0.462 1242x2688 @3x 44 34 44 83
    iPhone XR 6.1英寸 414x896 0.462 828x1792 @2x 44 34 44 83
    iPhone 11 6.1英寸 414x896 0.462 828x1792 @2x 44 34 44 83
    iPhone 11 Pro 5.8英寸 375x812 0.462 1125x2436 @3x 44 34 44 83
    iPhone 11 Pro Max 6.5英寸 414x896 0.462 1242x2688 @3x 44 34 44 83

    如图所示:

    这里写图片描述

    Tips:

    机型 屏幕宽高比
    iPhone 5 320÷568=0.563
    iPhone 6 375÷667=0.562
    iPhone 6 Plus 414÷736=0.5625

      
    最终发现iPhone5和6一个小秘密,它们的比例是不变的


    iPod设备

    设备 操作系统 物理分辨率(pixel) 屏幕尺寸(对角线长度) 缩放因子
    iPod Touch 1 iOS 1 480 x 320 3.5寸 1x
    iPod Touch 2 iOS 2 480 x 320 3.5寸 1x
    iPod Touch 3 iOS 3 480 x 320 3.5寸 1x
    iPod Touch 4 iOS 4 960 x 640 3.5寸 2x
    iPod Touch 5 iOS 6 1136 x 640 4.0寸 2x
    iPod Touch 6 iOS 8 1136 x 640 4.0寸 2x

    iPad设备

    设备 操作系统 物理分辨率(pixel) 屏幕尺寸(对角线长度) 缩放因子
    iPad 1 iOS 3 1024 x 768 9.7寸 1x
    iPad 2 iOS 4 1024 x 768 9.7寸 1x
    iPad 3 (The New iPad) iOS 5 2048 x 1536 9.7寸 2x
    iPad 4 iOS 6 2048 x 1536 9.7寸 2x
    iPad Air iOS 7 2048 x 1536 9.7寸 2x
    iPad Air 2 iOS 8 2048 x 1536 9.7寸 2x
    iPad Pro iOS 9 2048 x 1536 9.7寸 2x
    iPad (第五代) iOS 10 2048 x 1536 9.7寸 2x
    iPad Pro iOS 9 2732 x 2048 12.9寸 3x
    iPad Pro (取代9.7寸) iOS 10 2224 x 1668 10.5寸 3x
    iPad mini iOS 6 1024 x 768 7.9寸 1x
    iPad mini 2 iOS 7 2048 x 1536 7.9寸 2x
    iPad mini 3 iOS 8 2048 x 1536 7.9寸 2x
    iPad mini 4 iOS 9 2048 x 1536 7.9寸 2x

    所有设备型号官网地址:https://www.theiphonewiki.com/wiki/Models

     

    //获得屏幕的宽高
    #define kScreenWidth ([UIScreen mainScreen].bounds.size.width)
    #define kScreenHeight ([UIScreen mainScreen].bounds.size.height)
    //iPhoneX / iPhoneXS
    #define  isIphoneX_XS     (kScreenWidth == 375.f && kScreenHeight == 812.f ? YES : NO)
    //iPhoneXR / iPhoneXSMax
    #define  isIphoneXR_XSMax    (kScreenWidth == 414.f && kScreenHeight == 896.f ? YES : NO)
    //异性全面屏
    #define   isFullScreen    (isIphoneX_XS || isIphoneXR_XSMax)

    // Status bar height.
    #define  StatusBarHeight     (isFullScreen ? 44.f : 20.f)

    // Navigation bar height.
    #define  NavigationBarHeight  44.f

    // Tabbar height.
    #define  TabbarHeight         (isFullScreen ? (49.f+34.f) : 49.f)

    // Tabbar safe bottom margin.
    #define  TabbarSafeBottomMargin         (isFullScreen ? 34.f : 0.f)

    // Status bar & navigation bar height.
    #define  StatusBarAndNavigationBarHeight  (isFullScreen ? 88.f : 64.f)

     

    转载:http://blog.csdn.net/Scorpio_27/article/details/52297643

    展开全文
  • [iOS]设备型号判断大全(包括iPhoneX)

    万次阅读 2018-02-22 09:13:09
    头文件 #import typedef NS_ENUM(NSInteger,DeviceType) { Unknown = 0, Simulator, IPhone_1G, //基本不用 IPhone_3G, //基本不用 IPhone_3GS, //基本不用 IPhone_4,

    头文件

    #import <Foundation/Foundation.h>
    
    typedef NS_ENUM(NSInteger,DeviceType) {
        
        Unknown = 0,
        Simulator,
        IPhone_1G,          //基本不用
        IPhone_3G,          //基本不用
        IPhone_3GS,         //基本不用
        IPhone_4,           //基本不用
        IPhone_4s,          //基本不用
        IPhone_5,
        IPhone_5C,
        IPhone_5S,
        IPhone_SE,
        IPhone_6,
        IPhone_6P,
        IPhone_6s,
        IPhone_6s_P,
        IPhone_7,
        IPhone_7P,
        IPhone_8,
        IPhone_8P,
        IPhone_X,
    };
    
    @interface JDDeviceUtils : NSObject
    
    + (DeviceType)deviceType;
    
    @end
    
    

    .m文件

    #import "JDDeviceUtils.h"
    #import <sys/utsname.h>
    
    @implementation JDDeviceUtils
    
    + (DeviceType)deviceType{
       
      
           struct utsname systemInfo;
           uname(&systemInfo);
           NSString *platform = [NSString stringWithCString:systemInfo.machine
                                                   encoding:NSUTF8StringEncoding];
           //simulator
           if ([platform isEqualToString:@"i386"])          return Simulator;
           if ([platform isEqualToString:@"x86_64"])        return Simulator;
           
           //iPhone
           if ([platform isEqualToString:@"iPhone1,1"])     return IPhone_1G;
           if ([platform isEqualToString:@"iPhone1,2"])     return IPhone_3G;
           if ([platform isEqualToString:@"iPhone2,1"])     return IPhone_3GS;
           if ([platform isEqualToString:@"iPhone3,1"])     return IPhone_4;
           if ([platform isEqualToString:@"iPhone3,2"])     return IPhone_4;
           if ([platform isEqualToString:@"iPhone4,1"])     return IPhone_4s;
           if ([platform isEqualToString:@"iPhone5,1"])     return IPhone_5;
           if ([platform isEqualToString:@"iPhone5,2"])     return IPhone_5;
           if ([platform isEqualToString:@"iPhone5,3"])     return IPhone_5C;
           if ([platform isEqualToString:@"iPhone5,4"])     return IPhone_5C;
           if ([platform isEqualToString:@"iPhone6,1"])     return IPhone_5S;
           if ([platform isEqualToString:@"iPhone6,2"])     return IPhone_5S;
           if ([platform isEqualToString:@"iPhone7,1"])     return IPhone_6P;
           if ([platform isEqualToString:@"iPhone7,2"])     return IPhone_6;
           if ([platform isEqualToString:@"iPhone8,1"])     return IPhone_6s;
           if ([platform isEqualToString:@"iPhone8,2"])     return IPhone_6s_P;
           if ([platform isEqualToString:@"iPhone8,4"])     return IPhone_SE;
           if ([platform isEqualToString:@"iPhone9,1"])     return IPhone_7;
           if ([platform isEqualToString:@"iPhone9,3"])     return IPhone_7;
           if ([platform isEqualToString:@"iPhone9,2"])     return IPhone_7P;
           if ([platform isEqualToString:@"iPhone9,4"])     return IPhone_7P;
           if ([platform isEqualToString:@"iPhone10,1"])    return IPhone_8;
           if ([platform isEqualToString:@"iPhone10,4"])    return IPhone_8;
           if ([platform isEqualToString:@"iPhone10,2"])    return IPhone_8P;
           if ([platform isEqualToString:@"iPhone10,5"])    return IPhone_8P;
           if ([platform isEqualToString:@"iPhone10,3"])    return IPhone_X;
           if ([platform isEqualToString:@"iPhone10,6"])    return IPhone_X;
       
           return Unknown;
       
    }
    
    展开全文
  • iPhoneX适配方案

    万次阅读 2017-11-29 15:01:15
    绝对长度单位 英寸 厘米 毫米 磅 pc inch cm mm pt pica 相对长度单位是网页设计中使用最多的长度单位,包括px、em、rem等屏幕尺寸 指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米 iPhone 4/4S... iPhone

    绝对长度单位

    英寸 厘米 毫米 pc
    inch cm mm pt pica

    相对长度单位

    是网页设计中使用最多的长度单位,包括px、em、rem

    屏幕尺寸

    image

    指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米

    iPhone 4/4S iPhone 5/5C/5S/SE iPhone 6/6S iPhone 6S Plus iPhone 7 iPhone 7 Plus iPhone 8 iPhone 8 Plus iPhone X
    3.5英寸 4英寸 4.7英寸 5.5英寸 4.7英寸 5.5英寸 4.7英寸 5.5英寸 5.8英寸

    屏幕分辨率

    指在横纵向上的像素点数,单位是px,1px=1个像素点。一般以纵向像素*横向像素来表示一个手机的分辨率,如1960*1080(这里的1像素指的是物理设备的1个像素点)

    机型 分辨率 机型 分辨率 机型 分辨率
    iPhone 4/4S 960*640 iPhone 6S Plus 1920*1080 iPhone 8 Plus 1920*1080
    iPhone 5/5S 1136*640 iPhone 7 1334*750 iPhone X 2436*1125
    iPhone SE 1136*640 iPhone 7 Plus 1920*1080
    iPhone 6/6S 1334*750 iPhone 8 1334*750

    屏幕像素密度

    image

    屏幕上每英寸可以显示的像素点的数量,单位是ppi,即pixels per inch的缩写。屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化条件下,屏幕尺寸越小、分辨率越高,像素密度越大,反之越小

    image

    • 屏幕上勾股定理算出对角线的分辨率:√(1920²+1080²)≈2203px
    • 对角线分辨率除以屏幕尺寸:2203/5≈440dpi
    1920^2 + 1080^22203^2  //3686400 + 1166400 = 4852800
    2203 / 5440

    PPI与DPI

    image

    PPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目
    PPI数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高、颗粒感越弱

    ppi与dpi 描述
    ppi pixels per inch,屏幕上每英寸可以显示的像素点的数量,即屏幕像素密度
    dpi dots per inch,最初用于衡量打印物上每英寸的点数密度,就是打印机可以在一英寸内打多少个点。当dpi的概念用在计算机屏幕上时,就称之为ppi。ppi和dpi是同一个概念,Android比较喜欢使用dpi,IOS比较喜欢使用ppi

    Viewport

    移动端开发中,通常我们都会采用meta标签设置viewport

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    viewport是什么?

    image

    通俗来讲,移动端的viewport就是我们所能看到的手机端浏览器的可视窗口大小,但viewport又不仅仅局限于可视窗口的大小,一般情况下,它是比默认窗口大小要大的,这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小,所以为了能在移动端正常显示为桌面浏览器而设计的网页,移动端的浏览器都会默认把自己的默认的viewport设为980px到1024px不等,但其后果就是会出现横向滚动条,因为移动端浏览器可视区域的大小是比默认的viewport宽度要小的

    参数 描述
    width 设置layout viewport的宽度,为一个正整数,或字符串”device-width”
    initial-scale 设置页面的初始缩放值,为一个数字,可以带小数
    minimum-scale 允许用户的最小缩放值,为一个数字,可以带小数
    maximum-scale 允许用户的最大缩放值,为一个数字,可以带小数
    height 设置layout viewport 的高度,这个属性对我们并不重要,很少使用
    user-scalable 是否允许用户进行缩放,值为”no”或”yes”, no 代表不允许,yes代表允许

    不同的设备对1px有不一样的定义

    在css中我们一般使用px作为单位,在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素,这可能会造成我们的一个错觉,那就是css中的像素就是设备的物理像素。但实际情况却并非如此,css中的像素只是一个抽象的单位,在不同的设备或不同的环境中,css中的1px所代表的设备物理像素是不同的。在为桌面浏览器设计的网页中,我们无需对这个津津计较,但在移动设备上,必须弄明白这点。在早先的移动设备中,屏幕像素密度都比较低,如iphone3,它的分辨率为320x480,在iphone3上,一个css像素确实是等于一个屏幕物理像素的。后来随着技术的发展,移动设备的屏幕像素密度越来越高,从iphone4开始,苹果公司便推出了所谓的Retina屏,分辨率提高了一倍,变成640x960,但屏幕尺寸却没变化,这就意味着同样大小的屏幕上,像素却多了一倍,这时,一个css像素是等于两个物理像素的。

    在移动端浏览器中以及某些桌面浏览器中,window对象有一个devicePixelRatio属性,它的官方的定义为:设备物理像素和设备独立像素的比例,也就是devicePixelRatio = 物理像素 / 独立像素。css中的px就可以看做是设备的独立像素,所以通过devicePixelRatio,我们可以知道该设备上一个css像素代表多少个物理像素。例如,在Retina屏的iphone上,devicePixelRatio的值为2,也就是说1个css像素相当于2个物理像素

    其实就是移动端和PC端的px是不同的,移动端的屏幕可视区域(viewport)小但像素多,所以跟PC相比的每个独立像素点的物理像素是多的,也就是移动端物理像素更密集,所以更PC的独立像素有dp的倍数转换

    在进行具体的分析之前,首先得知道下面这些关键性基本概念(术语)。

    物理像素(physical pixel)

    一个物理像素是显示器(手机屏幕)上最小的物理显示单元,在操作系统的调度下,每一个设备像素都有自己的颜色值和亮度值。

    设备独立像素(density-independent pixel)

    设备独立像素(也叫密度无关像素),可以认为是计算机坐标系统中得一个点,这个点代表一个可以由程序使用的虚拟像素(比如: css像素),然后由相关系统转换为物理像素。

    所以说,物理像素和设备独立像素之间存在着一定的对应关系,这就是接下来要说的设备像素比。

    设备像素比(device pixel ratio )

    设备像素比(简称dpr)定义了物理像素和设备独立像素的对应关系,它的值可以按如下的公式的得到:

    设备像素比 = 物理像素 / 设备独立像素 // 在某一方向上,x方向或者y方向

    还可以通过window.devicePixelRatio获取到当前设备的dpr

    window.devicePixelRatio
    机型 iPhone 3G/3GS iPhone 4/4S iPhone 5/5C/5S/SE iPhone 6/6S iPhone 6S Plus iPhone 7 iPhone 7 Plus iPhone 8 iPhone 8 Plus iPhone X
    屏幕尺寸 3.5英寸 3.5英寸 4英寸 4.7英寸 5.5英寸 4.7英寸 5.5英寸 4.7英寸 5.5英寸 5.8英寸
    独立像素(CSS像素) 480*320 480*320 568*320 667*375 736*414 667*375 736*414 667*375 736*414 812*375
    物理像素(分辨率) 480*320 960*640 1136*640 1334*750 1920*1080(2208x1242) 1334*750 1920*1080 1334*750 1920*1080 2436*1125
    ppi/dpi(像素密度) 163 326 326 326 401 326 401 326 401 458
    dpr(倍图) 1 2 2 2 3(2.5) 3 3 3 3 3(2.9)

    如果APP要同时兼容iPhone3GS~iPhone6+,则需要提供icon.png/icon@2x.png/icon@3x.png三种分辨率的图片

    在Android中,规定以160dpi为基准,1dp=1px。如果密度是320dpi,则1dp=2px,以此类推

    2K分辨率指的是屏幕分辨率达到了一种级别,指屏幕横向像素达到2000以上(iPhone X是2K屏)

    iPhoneX的适配

    background-color

    如果网页设置了一个背景颜色,那么最简单解决方案是,在body节点设置background-color,使背景颜色填充整个屏幕,从而解决横屏显示左右白边的问题

    viewport-fit

    <!--默认值:可视窗口完全包含网页内容 相当于在安全区域展示-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=auto">
    <!--或-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=contain">
    <!--网页内容完全覆盖可视窗口-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    viewport-fit 描述 示例 示例 示例
    auto/contain 默认值,页面内容显示在safe area 示例1
    cover 页面内容充满屏幕 示例1 示例2 示例3
    横屏列表侧刘海 横屏下列表环绕刘海 示例1

    设置auto前
    image
    设置cover后
    image

    safe-area-inset-*

    在设置viewport-fit=cover之后,Web中会新增四个常量

    safe-area-inset-top
    safe-area-inset-right
    safe-area-inset-left
    safe-area-inset-bottom

    分别表示safe area和可视窗口viewport顶部,右边,左边,底部的间距,可以用于设置margin和padding或者绝对定位时left和top

    注意:在横屏和竖屏状态下,safe-area-inset-*的值不同

    image

    为了解决应用viewport-fit=cover之后,有些显示内容被裁剪的问题,我们可以通过添加边距使得网页主要内容处于safe area中不被裁剪,解决方式如下

    padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);

    image

    示例,比如下面是顶部导航条的适配,能让左上右都能出现padding来让元素保留在安全区域以内

    总结为,我们可以利用safe-area-inset-*做以下适配,详细请看DEMO

    • 竖屏下,对底部做padding-bottom: constant(safe-area-inset-bottom);,其他设置是无意义的
    • 横屏下,对底部设置左,下,右的safe-area-inset-*,对头部设置左和右的safe-area-inset-*,其他设置也是无意义的
    <header><button>返回</button> 头部</header>
    <style>
        * {margin: 0;padding: 0;}
        body {
            width: 100%;height: 100%;
            //设置背景颜色,也是一种适配方案
            background-color: #A4F4B0;
        }
        header {
            background-color: red;height: 50px;line-height: 50px;width: 100%;color: white;position: fixed;left: 0;right: 0;top: 0;bottom: 0px;
            //cover下元素出现对应的padding来适配
            padding-left: constant(safe-area-inset-left);
            padding-right: constant(safe-area-inset-right);
            //padding-bottom: constant(safe-area-inset-bottom);
            padding-top: constant(safe-area-inset-top);
        }
    
        button {
            display: inline-block;background-color: blue;color: white;border: none;height: 50px;width: 80px;
            //字体记得必须设置,不然按钮会有像素的误差
            font-size: 18px;
        }
    </style>

    媒体查询

    device-width
    device-height
    -webkit-device-pixel-ratio

    注意-webkit-device-pixel-ratio必须加前缀,否则无效

    /*iPhoneX的适配*/
    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
        header {
            background-color: black;
        }
    }
    /*iPhone8P的适配*/
    @media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
        header {
            background-color: deepskyblue;
        }
    }

    参考文档

    iPhone X适配参考文档

    展开全文
  • iphoneX适配-客户端H5页面

    万次阅读 2017-12-03 15:00:22
    由于iphoneX做了全面屏并且还保留一块小刘海,因此很多以前的移动端H5页面需要结合App客户端做出相应的适配,具体如下:1、顶部通栏之前的客户端一直采用状态栏20pt+导航栏44pt的做法。由于iphoneX多了一块小刘海,...
  • iphoneX设计网站适配

    千次阅读 2020-08-08 00:36:44
    iphoneX设计网站适配 几乎所有的前端开发者都会接触到为iphoneX设计H5网页,其中就得为其特有的安全区域做出适配,以便优化用户体验。 安全区域 布局参考线定义了矩形区域,这些区域实际上不会出现在屏幕上,但有...
  • 所有iOS设备的屏幕分辨率

    万次阅读 2018-09-11 10:12:15
    全部列在这里吧。...iPhone 1G 320x480 iPhone 3G 320x480 iPhone 3GS 320x480 iPhone 4 640x960 iPhone 4S 640x960 iPhone 5 640x1136 iPhone 5S 640x1136 iPhone 5C 640x1136 iPhone 6 ...
  • js移动端页面判断是否是iphoneX

    万次阅读 2019-07-17 10:01:59
    判断iphoneX function isIPhoneX(fn){ var u = navigator.userAgent; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isIOS) { if (screen.height == 812 &amp;&...
  • #define kIs_iphone (UI_USER_INTERFACE_IDIOM...#define kIs_iPhoneX kScreenWidth &gt;=375.0f &amp;&amp; kScreenHeight &gt;=812.0f&amp;&amp; kIs_iphone /*状态栏高度*/ #define kS...
  • iOS 判断机型是否为iphonex

    万次阅读 2017-11-01 14:58:33
    添加如下宏: #define KIsiPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)
  • iPhone各种机型尺寸、屏幕分辨率

    万次阅读 2016-10-09 16:51:35
    px与pt区别字体大小的设置单位,常用的有2种:px、pt。这两个有什么区别呢?先搞清基本概念: px就是表示pixel,像素,是屏幕上显示数据的最基本的点; pt就是point,是印刷行业常用单位,等于1/72英寸。...
  • 新增 iPhoneXs、iPhoneXR、iPhoneXs Max的屏幕尺寸 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率 (point) 缩放...
  • 上图为先苹果所有设备屏幕尺寸,可以看到最新的iPhoneXS和去年的iPhoneX尺寸一样,iPhoneXR和iPhoneXSMax屏幕尺寸一样,不一样的是iPhoneXR为@2先倍图,图片这些不用管,只要名字后缀命名好就行。 今年当苹果发布新...
  • // 判断是否为iPhone X 系列 这样写消除了在Xcode10上的警告。 #define IPHONE_X \ ({BOOL isPhoneX = NO;\ if (@available(iOS 11.0, *)) {\ isPhoneX = [[UIApplication sharedApplication] delegate].window....
  • iphoneX Tabbar高度适配

    万次阅读 2017-09-25 11:39:46
    更新xcode9后 对于iphoneX Tabbar高度总是距离下面有点间距 想要适配后 都改为49原因是因为自定义view的frame是在 viewDidLoad中 使用tabbar的bounds设置的iphoneX中 tabbar高度 在viewDidLoad --> self.tabBar....
  • NAVIHEIGHT:(iPhoneX ? 88 : 64)、 TABBARHEIGHT: (iPhoneX ? 83 : 49) 新的iPhone发布后,我第一件想做的事就是如何适配新iPhone,新的iPhone都是刘海屏幕 先看下各个尺寸 各版本iPhone的尺寸及分辨率 于是我...
  • 微信小程序中的iPhone X适配解决

    万次阅读 2018-10-12 09:44:25
    微信小程序在适配iphone x 的时候 底部的横线会出现遮挡如图: 解决方案: 步骤一:在app.js文件中 创建全局变量,然后获取设备型号  globalData: {  isIphoneX: false,  userInfo: null  },  onShow:...
  • http://mobileoop.com/how-to-use-auto-layout-in-xcode-6-for-ios-7-and-8-development iPhone 4S Screen Size: 3.5 Inches Resolution: 640 x 960 (Half: 320 x 480) iPhone 5 Screen Size: 4.0 Inches
  • 让你的app在iPhoneX中全屏显示如果你的项目什么也不修改,直接把你的app运行在 iPhone X 模拟器下,很有可能就会出现下面的情形: 上下都有黑边,没有全屏显示为了让app能够全屏显示,你需要准备以下的内容Xcode 9.0 ...
  • 1.iPhone 各种机型尺寸信息列表入下表: 机型 尺寸 逻辑缩放因子(UIKit Scale factor) 实际缩放因子(Native Scale factor) 屏幕宽高 屏幕分辨率 3GS 3.5寸 1.0 1.0 320x480 ...
1 2 3 4 5 ... 20
收藏数 110,408
精华内容 44,163
关键字:

iphonex