iphonex兼容的内屏参数

Posted 2023-04-30

iphonex的规格参数规格参数屏幕尺寸58英寸，重量174克，高度1436mm，宽度和厚度分别为709mm77mm，2436 * 1125 像素分辨率，458 ppi背部后置双摄，为1200万像素广角镜头F18光圈+1200万像素长焦镜头F；iPhone X属于高端版机型，采用全新设计，搭载色彩锐利的OLED屏幕，配备升级后的相机，使用3D面部识别Face ID传感器解锁手机，支持AirPower空中能量无线充电分为64GB256GB两个版本，中国大陆起售价8316人民币 ，美国起。
18分辨率2436x1125像素 19屏幕材质OLED 20像素密度458ppi 21屏占比8115 22触摸屏类型电容屏，多点触控 23其他屏幕参数1，000，0001对比度标准，原彩显示，广色域显示P3，3D Touch，62；1显示屏不同 iPhone11搭载61英寸LCD全面屏，屏幕分辨率为1792×828像素iPhoneX搭载58英寸OLCD全面屏，屏幕分辨率为2436×1125像素2材质不同 iPhone11采用铝金属搭配玻璃设计iPhoneX采用不锈钢搭配玻璃设计3。
1系统iOS 12 2屏幕参数 屏幕大小为58英寸，分辨率达到2436x1125像素，像素密度为458ppi，技术材质是OLED材质3机身容量有64GB256GB512GB三种4摄像头参数 摄像头是后置双摄像头的类型后置两个摄像头；二iPhoneX后置双1200万像素摄像头，广角镜头光圈为F18，长焦镜头光圈升级至F24，双镜头均支持光学防抖，并且采用了四颗LED补光灯零延迟的快门，可以更加准确地抓住关键瞬间前置摄像头700万像素，光圈F22。
iphone12参数配置
1、iphonex参数iPhone X屏幕是58英寸，分辨率2436 x 1125像素内置了58英寸OLED超级Retina屏幕，ppi为458，同时iPhone X支持3D TouchDolby VisionTrue Tone和HDR显示技术处理器A11Bionic采用6核64位架构，集成M11。

2、配置参数 1 显示屏显示屏支持3DTouch压感操作，支持HDR显示屏幕尺寸58英寸，重量174克，高度1436毫米，宽度和厚度分别为709毫米77毫米，2436*1125像素分辨率，每英寸像素PPI为458对比度达到01。
3、其中“X”是罗马数字“10”的意思，代表着苹果向iPhone问世十周年致敬配置参数 iPhone X采用“刘海屏”形式的全面屏设计，取消了苹果沿用了10年的底部Home键分为64GB和256GB两个版本，有银色和深空灰色两种配色屏幕。
4、iphonex参数如下1屏幕尺寸58英寸，重量174克，高度1436mm，宽度和厚度分别为709mm77mm，2436 * 1125 像素分辨率，458 ppi2背部后置双摄，为1200万像素广角镜头F18光圈+1200万像素长焦镜头F2。
5、iPhone X屏幕尺寸58英寸，高度1436mm，宽度和厚度分别为709mm77mm。
6、iPhone X显示屏是iPhone系列很出色一块屏幕，支持3D Touch压感操作，支持HDR显示iPhone X使用Face ID人脸识别额头处除了传统的光线与距离传感器，集成了700万像素摄像头泛光传感器距离传感器点阵投影器红外镜头。
iphone13参数配置
1、iphonex的屏幕尺寸是58英寸iPhone X操作系统使用iOS 11，采用了Apple A11仿生处理器，拥有6个处理核心其外观上采用了全新设计，搭载OLED屏幕，并使用3D面部识别Face ID传感器。 参考技术A iphonex的规格参数规格参数屏幕尺寸58英寸，重量174克，高度1436mm，宽度和厚度分别为709mm77mm，2436 * 1125 像素分辨率，458 ppi背部后置双摄，为1200万像素广角镜头F18光圈+1200万像素长焦镜头F；iPhone X属于高端版机型，采用全新设计，搭载色彩锐利的OLED屏幕，配备升级后的相机，使用3D面部识别Face ID传感器解锁手机，支持AirPower空中能量无线充电分为64GB256GB两个版本，中国大陆起售价8316人民币 ，美国起。
18分辨率2436x1125像素 19屏幕材质OLED 20像素密度458ppi 21屏占比8115 22触摸屏类型电容屏，多点触控 23其他屏幕参数1，000，0001对比度标准，原彩显示，广色域显示P3，3D Touch，62；1显示屏不同 iPhone11搭载61英寸LCD全面屏，屏幕分辨率为1792×828像素iPhoneX搭载58英寸OLCD全面屏，屏幕分辨率为2436×1125像素2材质不同 iPhone11采用铝金属搭配玻璃设计iPhoneX采用不锈钢搭配玻璃设计3。
1系统iOS 12 2屏幕参数 屏幕大小为58英寸，分辨率达到2436x1125像素，像素密度为458ppi，技术材质是OLED材质3机身容量有64GB256GB512GB三种4摄像头参数 摄像头是后置双摄像头的类型后置两个摄像头；二iPhoneX后置双1200万像素摄像头，广角镜头光圈为F18，长焦镜头光圈升级至F24，双镜头均支持光学防抖，并且采用了四颗LED补光灯零延迟的快门，可以更加准确地抓住关键瞬间前置摄像头700万像素，光圈F22。
iphone12参数配置
1、iphonex参数iPhone X屏幕是58英寸，分辨率2436 x 1125像素内置了58英寸OLED超级Retina屏幕，ppi为458，同时iPhone X支持3D TouchDolby VisionTrue Tone和HDR显示技术处理器A11Bionic采用6核64位架构，集成M11。

2、配置参数 1 显示屏显示屏支持3DTouch压感操作，支持HDR显示屏幕尺寸58英寸，重量174克，高度1436毫米，宽度和厚度分别为709毫米77毫米，2436*1125像素分辨率，每英寸像素PPI为458对比度达到01。
3、其中“X”是罗马数字“10”的意思，代表着苹果向iPhone问世十周年致敬配置参数 iPhone X采用“刘海屏”形式的全面屏设计，取消了苹果沿用了10年的底部Home键分为64GB和256GB两个版本，有银色和深空灰色两种配色屏幕。
4、iphonex参数如下1屏幕尺寸58英寸，重量174克，高度1436mm，宽度和厚度分别为709mm77mm，2436 * 1125 像素分辨率，458 ppi2背部后置双摄，为1200万像素广角镜头F18光圈+1200万像素长焦镜头F2。
5、iPhone X屏幕尺寸58英寸，高度1436mm，宽度和厚度分别为709mm77mm。
6、iPhone X显示屏是iPhone系列很出色一块屏幕，支持3D Touch压感操作，支持HDR显示iPhone X使用Face ID人脸识别额头处除了传统的光线与距离传感器，集成了700万像素摄像头泛光传感器距离传感器点阵投影器红外镜头。
iphone13参数配置
1、iphonex的屏幕尺寸是58英寸iPhone X操作系统使用iOS 11，采用了Apple A11仿生处理器，拥有6个处理核心其外观上采用了全新设计，搭载OLED屏幕，并使用3D面部识别Face ID传感器。 参考技术B iphonex的规格参数规格参数屏幕尺寸58英寸，重量174克，高度1436mm，宽度和厚度分别为709mm77mm，2436 * 1125 像素分辨率，458 ppi背部后置双摄，为1200万像素广角镜头F18光圈+1200万像素长焦镜头F；iPhone X属于高端版机型，采用全新设计，搭载色彩锐利的OLED屏幕，配备升级后的相机，使用3D面部识别Face ID传感器解锁手机，支持AirPower空中能量无线充电分为64GB256GB两个版本，中国大陆起售价8316人民币 ，美国起。
18分辨率2436x1125像素 19屏幕材质OLED 20像素密度458ppi 21屏占比8115 22触摸屏类型电容屏，多点触控 23其他屏幕参数1，000，0001对比度标准，原彩显示，广色域显示P3，3D Touch，62；1显示屏不同 iPhone11搭载61英寸LCD全面屏，屏幕分辨率为1792×828像素iPhoneX搭载58英寸OLCD全面屏，屏幕分辨率为2436×1125像素2材质不同 iPhone11采用铝金属搭配玻璃设计iPhoneX采用不锈钢搭配玻璃设计3。
1系统iOS 12 2屏幕参数 屏幕大小为58英寸，分辨率达到2436x1125像素，像素密度为458ppi，技术材质是OLED材质3机身容量有64GB256GB512GB三种4摄像头参数 摄像头是后置双摄像头的类型后置两个摄像头；二iPhoneX后置双1200万像素摄像头，广角镜头光圈为F18，长焦镜头光圈升级至F24，双镜头均支持光学防抖，并且采用了四颗LED补光灯零延迟的快门，可以更加准确地抓住关键瞬间前置摄像头700万像素，光圈F22。
iphone12参数配置
1、iphonex参数iPhone X屏幕是58英寸，分辨率2436 x 1125像素内置了58英寸OLED超级Retina屏幕，ppi为458，同时iPhone X支持3D TouchDolby VisionTrue Tone和HDR显示技术处理器A11Bionic采用6核64位架构，集成M11。

2、配置参数 1 显示屏显示屏支持3DTouch压感操作，支持HDR显示屏幕尺寸58英寸，重量174克，高度1436毫米，宽度和厚度分别为709毫米77毫米，2436*1125像素分辨率，每英寸像素PPI为458对比度达到01。
3、其中“X”是罗马数字“10”的意思，代表着苹果向iPhone问世十周年致敬配置参数 iPhone X采用“刘海屏”形式的全面屏设计，取消了苹果沿用了10年的底部Home键分为64GB和256GB两个版本，有银色和深空灰色两种配色屏幕。
4、iphonex参数如下1屏幕尺寸58英寸，重量174克，高度1436mm，宽度和厚度分别为709mm77mm，2436 * 1125 像素分辨率，458 ppi2背部后置双摄，为1200万像素广角镜头F18光圈+1200万像素长焦镜头F2。
5、iPhone X屏幕尺寸58英寸，高度1436mm，宽度和厚度分别为709mm77mm。
6、iPhone X显示屏是iPhone系列很出色一块屏幕，支持3D Touch压感操作，支持HDR显示iPhone X使用Face ID人脸识别额头处除了传统的光线与距离传感器，集成了700万像素摄像头泛光传感器距离传感器点阵投影器红外镜头。
iphone13参数配置
1、iphonex的屏幕尺寸是58英寸iPhone X操作系统使用iOS 11，采用了Apple A11仿生处理器，拥有6个处理核心其外观上采用了全新设计，搭载OLED屏幕，并使用3D面部识别Face ID传感器 参考技术C iphonex参数配置(iphonex参数配置详细)
回答于2022-10-30
iphonex的规格参数规格参数屏幕尺寸58英寸，重量174克，高度1436mm，宽度和厚度分别为709mm77mm，2436 * 1125 像素分辨率，458 ppi背部后置双摄，为1200万像素广角镜头F18光圈+1200万像素长焦镜头F；iPhone X属于高端版机型，采用全新设计，搭载色彩锐利的OLED屏幕，配备升级后的相机，使用3D面部识别Face ID传感器解锁手机，支持AirPower空中能量无线充电分为64GB256GB两个版本，中国大陆起售价8316人民币 ，美国起。
18分辨率2436x1125像素 19屏幕材质OLED 20像素密度458ppi 21屏占比8115 22触摸屏类型电容屏，多点触控 23其他屏幕参数1，000，0001对比度标准，原彩显示，广色域显示P3，3D Touch，62；1显示屏不同 iPhone11搭载61英寸LCD全面屏，屏幕分辨率为1792×828像素iPhoneX搭载58英寸OLCD全面屏，屏幕分辨率为2436×1125像素2材质不同 iPhone11采用铝金属搭配玻璃设计iPhoneX采用不锈钢搭配玻璃设计3。
1系统iOS 12 2屏幕参数 屏幕大小为58英寸，分辨率达到2436x1125像素，像素密度为458ppi，技术材质是OLED材质3机身容量有64GB256GB512GB三种4摄像头参数 摄像头是后置双摄像头的类型后置两个摄像头；二iPhoneX后置双1200万像素摄像头，广角镜头光圈为F18，长焦镜头光圈升级至F24，双镜头均支持光学防抖，并且采用了四颗LED补光灯零延迟的快门，可以更加准确地抓住关键瞬间前置摄像头700万像素，光圈F22。
iphone12参数配置
1、iphonex参数iPhone X屏幕是58英寸，分辨率2436 x 1125像素内置了58英寸OLED超级Retina屏幕，ppi为458，同时iPhone X支持3D TouchDolby VisionTrue Tone和HDR显示技术处理器A11Bionic采用6核64位架构，集成M11。

2、配置参数 1 显示屏显示屏支持3DTouch压感操作，支持HDR显示屏幕尺寸58英寸，重量174克，高度1436毫米，宽度和厚度分别为709毫米77毫米，2436*1125像素分辨率，每英寸像素PPI为458对比度达到01。
3、其中“X”是罗马数字“10”的意思，代表着苹果向iPhone问世十周年致敬配置参数 iPhone X采用“刘海屏”形式的全面屏设计，取消了苹果沿用了10年的底部Home键分为64GB和256GB两个版本，有银色和深空灰色两种配色屏幕。
4、iphonex参数如下1屏幕尺寸58英寸，重量174克，高度1436mm，宽度和厚度分别为709mm77mm，2436 * 1125 像素分辨率，458 ppi2背部后置双摄，为1200万像素广角镜头F18光圈+1200万像素长焦镜头F2。
5、iPhone X屏幕尺寸58英寸，高度1436mm，宽度和厚度分别为709mm77mm。
6、iPhone X显示屏是iPhone系列很出色一块屏幕，支持3D Touch压感操作，支持HDR显示iPhone X使用Face ID人脸识别额头处除了传统的光线与距离传感器，集成了700万像素摄像头泛光传感器距离传感器点阵投影器红外镜头。
iphone13参数配置
1、iphonex的屏幕尺寸是58英寸iPhone X操作系统使用iOS 11，采用了Apple A11仿生处理器，拥有6个处理核心其外观上采用了全新设计，搭载OLED屏幕，并使用3D面部识别Face ID传感器。 参考技术D iphonex的规格参数规格参数屏幕尺寸58英寸，重量174克，高度1436mm，宽度和厚度分别为709mm77mm，2436 * 1125 像素分辨率，458 ppi背部后置双摄，为1200万像素广角镜头F18光圈+1200万像素长焦镜头F；iPhone X属于高端版机型，采用全新设计，搭载色彩锐利的OLED屏幕，配备升级后的相机，使用3D面部识别Face ID传感器解锁手机，支持AirPower空中能量无线充电分为64GB256GB两个版本，中国大陆起售价8316人民币 ，美国起。
18分辨率2436x1125像素 19屏幕材质OLED 20像素密度458ppi 21屏占比8115 22触摸屏类型电容屏，多点触控 23其他屏幕参数1，000，0001对比度标准，原彩显示，广色域显示P3，3D Touch，62；1显示屏不同 iPhone11搭载61英寸LCD全面屏，屏幕分辨率为1792×828像素iPhoneX搭载58英寸OLCD全面屏，屏幕分辨率为2436×1125像素2材质不同 iPhone11采用铝金属搭配玻璃设计iPhoneX采用不锈钢搭配玻璃设计3。
1系统iOS 12 2屏幕参数 屏幕大小为58英寸，分辨率达到2436x1125像素，像素密度为458ppi，技术材质是OLED材质3机身容量有64GB256GB512GB三种4摄像头参数 摄像头是后置双摄像头的类型后置两个摄像头；二iPhoneX后置双1200万像素摄像头，广角镜头光圈为F18，长焦镜头光圈升级至F24，双镜头均支持光学防抖，并且采用了四颗LED补光灯零延迟的快门，可以更加准确地抓住关键瞬间前置摄像头700万像素。

适配iphoneX底部的小黑条

参考技术A 从苹果手机的iphoneX及以后，手机的屏幕顶部就出现了“齐刘海”和底部小黑横条的样式。不少app直接兼容了里面的webview的样式，屏幕在竖屏下顶部往往是导航栏，不会遮住webview里面的内容，而底部则从app层面设置了底部高度，使webview底部不在黑色横条区域内，这样就不会阻碍展示webview里面的内容。

但是，每个app千差万别，里面的webview也就展现不一，如果没有app底部高度，那么webview里面的底部内容就会被小黑条遮挡。从网页样式兼容性来说，需要兼容iphoneX后特有的“齐刘海”和底部小黑横条样式，又不影响以前机型的样式。

首先了解一下iphoneX的安全区域，下图蓝色部分为安全区域，而两边的margin、顶部齐刘海和底部小黑条区域都属于不安全区域，属于内容有可能会被遮挡的区域，那么我们需要控制我们的内容在安全区域内。

所幸，在iphoneX出来的时候，官方的ios11系统也提供了WebKit Api去兼容这种样式差异。

viewport-fit有auto，contain，fit三个属性值，默认是auto。
contain: 可视窗口完全包含网页内容， 页面内容显示在safe area内
cover：网页内容完全覆盖可视窗口，页面内容充满屏幕
auto：默认值，跟 contain 表现一致

默认情况下，safari展示的是viewport-fit=contain的情况，如下图，在横屏下，webview里的页面内容在安全区域内，但是从样式上看，这不太美观，并且没有利用好iphoneX赋予的全屏特性。

设置 viewport-fit=cover 后，如下图，内容全屏展示，但是左边的内容被“齐刘海”挡住了。

为了解决这个问题，ios11中的WebKit包括了一个新的CSS函数env()，以及四个预定义的环境变量 safe-area-inset-left 、 safe-area-inset-right 、 safe-area-inset-top 和 safe-area-inset-bottom 。这四个环境变量代表了距离安全区域的距离。

这样，当出现不在安全区域时，env(safe-area-inset-left)不等于0，那么就会导致在padding-left上设置了一个安全距离，从而使内容不被遮挡。

上面是被“齐刘海”挡住的情况，实际比较多的情况用在底部小黑条挡住悬浮bar的情况，加上属性支持判断 @supports ，只有 env(safe-area-inset-bottom) 被浏览器支持的时候才会执行里面的css。

注：微信内的webview是默认viewport-fit=cover的状态的，只需要设置安全距离即可，微信小程序同样适用上述方案。

iphonex以上手机非矩形界面适配前：

适配后，iphonex以上手机非矩形界面自动适配底部高度：

手机在更新换代，随着手机样式发生改变，样式兼容问题也接踵而至，但是问题的制造者往往也是问题的解决者，开发者也不用焦虑找不到解决方案，从而使我们更专注业务逻辑本身。