转载:iPhone 6 Plus 屏幕宽度问题 375 vs 414

首先看一张比较简单明了的 iPhone 6 与 iPhone 6 Plus 对比图，来自 PaintCode 的《The Ultimate Guide To iPhone Resolutions》：

iPhone 6 Plus 要比 iPhone 6 的屏幕宽 39 Point，分辨率更是高出不少，因为 iPhone 6 Plus 是按 3x 来渲染的，也就是说 1point=3pixes。用以下代码测试：

UIScreen *mainScreen = [UIScreen mainScreen];

// 需要注意 coordinateSpace 属性 iOS 8 以上才支持

NSLog(@"Screen bounds: %@, Screen resolution: %@, scale: %f, nativeScale: %f",

NSStringFromCGRect(mainScreen.bounds), mainScreen.coordinateSpace, mainScreen.scale, mainScreen.nativeScale);

用 iPhone 6 Plus 测试输出结果为：

1	`Screen bounds: {{0, 0}, {375, 667}}, Screen resolution: <UIScreen: 0x14f601fe0; bounds = {{0, 0}, {375, 667}}; mode = <UIScreenMode: 0x1780321c0; size = 1125.000000 x 2001.000000>>, scale: 3.000000, nativeScale: 2.880000`

为什么宽度只是375而不是414呢

从上面的图片看知道它们有一个所谓的”Display Zoom”缩放模式，但不知道如何启用此模式。最初以为是在设置->通用->辅助功能里可以调整，只有一个缩放和更大字体之类的比较接近，但都不是。今天在显示与亮度中终于找到答案了，如下图：

设置为标准，再运行结果就正常啦：

1	`Screen bounds: {{0, 0}, {414, 736}}, Screen resolution: <UIScreen: 0x146603a60; bounds = {{0, 0}, {414, 736}}; mode = <UIScreenMode: 0x178032da0; size = 1242.000000 x 2208.000000>>, scale: 3.000000, nativeScale: 2.608696`

从输出数据中可以看出，即使 6 Plus 缩放到375模式，它加载的依然是三倍的图片资源。另外一点，标准模式下 6 Plus 才支持横屏模式，包括主屏幕。

6+的放大模式就是用6的分辨率
6的放大模式就是用5的分辨率

转载于:https://www.cnblogs.com/niit-soft-518/p/4756106.html

转载:iPhone 6 Plus 屏幕宽度问题 375 vs 414相关推荐

信不信由你！iPhone6屏幕宽度不一定是375px，iPhone6 Plus屏幕宽度不一定是414px
看到这个题目你可能不信,引出这个问题的缘由是几次项目中Chrome模拟器和iPhone6真机预览效果不一致. 为什么在Chrome Emulation模拟手机页面和真机预览效果不一致? 以前觉得不外乎 ...
php获得屏幕宽度,PHP获取客户端屏幕宽度、高度及分辨率的方法
PHP获取客户端屏幕宽度.高度及分辨率的方法发布时间:2015-11-21 08:08:45 作者:佚名阅读:(61) php获取客户端屏幕宽度.高度及分辨率的方法首先需要说明的是php是服务器 ...
iphone及ipad屏幕尺寸参考
初代iPhone 2007年,初代iPhone发布,屏幕的宽高是 320 x 480 像素.下文也是按照宽度,高度的顺序排列.这个分辨率一直到iPhone 3GS也保持不变.那时编写iOS的App(应 ...
手机网页宽度自动适应屏幕宽度的方…
方法一: <</SPAN>meta name="viewport" content="width=device-width, initial-scale ...
css响应式网页设计：自适应屏幕宽度、移动页面开发技巧
html响应式网页设计:自动适应屏幕宽度文章目录 html响应式网页设计:自动适应屏幕宽度背景一."自适应网页设计"的概念二.允许网页宽度自动调整-使用meta标签:vie ...
iPhone X(10)屏幕分辨率与适配
iPhone X(10)屏幕分辨率与适配,iOS开发适配与UI设计问题.iPhone人机交互指南. 北京时间的9月13日凌晨,美国当地时间的9月12日上午,苹果在发布会上发布了四款产品,本包括全新的A ...
flexible.js在华某为手机上使用rem时，页面宽度超出手机屏幕宽度
问题:手机端项目在华为的某款手机上显示时页面内容没有自适应手机宽度,出现横向滚动条原因:手机获取手机屏幕宽度并计算出rem时出现偏差,明显宽余真实手机屏宽度解决方案一:在页面里获取页面最外层dom ...
HTML5+CSS3的响应式网页设计：自动适应屏幕宽度
原链接:https://www.cnblogs.com/libaoli/p/5779629.html 作者:请叫我阿力这几天都在修改博客上面的样式.本来用的是d83.0的模板.自己又修改了许多地方, ...
iPad和iPhone各机型屏幕长宽和长宽比
本文记录ipad和iphone机型的屏幕大小和长宽比 iphone,看长宽比基本只有厂手机和端手机两种,针对于按屏幕宽度来等比缩放展示UI的可以分这两种分别适配. 机型代码大小长宽比例 scale ...

转载:iPhone 6 Plus 屏幕宽度问题 375 vs 414

为什么宽度只是375而不是414呢

转载:iPhone 6 Plus 屏幕宽度问题 375 vs 414相关推荐

最新文章

热门文章