Question

我试图通过扩展我的iPhone 6和iPhone 6 Plus的CSS文件来更新Phonegap（3.4.0）应用程序，但是，媒体查询似乎无法正常工作（仅在测试中）模拟器到目前为止，8.0 / 550.1）。特别是，使用resolution，device-width，max-device-width等的任何测试似乎都失败了。我试图通过逐个测试条件来弄清楚发生了什么。对于iPhone 6，device-aspect ratio和resolution的所有测试均失败。对于device-width和device-height，我尝试了实际像素值（1334px，750px）以及虚拟尺寸（ 667px，375px）。 device-height似乎有效，device-width没有（应用处于纵向模式）：

@media screen 
and (-webkit-min-device-pixel-ratio: 2) /* this one works */
and (resolution: 326dpi) /* fails */
and (min-device-width: 375px) /* fails, passes up to 320px ?!? */
and (device-aspect-ratio: 16/9) /* fails, so does 9/16 ..? */
and (min-device-height: 375px) /* works, but height only */
and (max-device-height: 667px) /* works, but height only */
{
...
}

不确定这是Webkit / phongap还是iOS8问题（或者我忽略了什么）。有没有人想出这个/有（工作）iPhone 6查询？谢谢

Answer 1

您的应用是否具有适用于iPhone 6分辨率的正确闪屏图像？如果没有，设备会报告较小的屏幕尺寸（即最终只是缩放您的应用程序以适应）

（工作）@media查询iPhone 6（phonegap）？

1 个答案: