ios - (工作)@media 查询 iPhone 6(phonegap)？
<p><p>我正在尝试通过扩展 iPhone 6 和 iPhone 6 Plus 的 CSS 文件来更新 Phonegap (3.4.0) 应用程序，但是，媒体查询似乎无法正常工作(目前仅在模拟器中进行测试， 8.0/550.1)。特别是，任何使用 <code>resolution</code>、<code>device-width</code>、<code>max-device-width</code> 等的测试似乎都失败了。我试图通过一一测试条件来弄清楚发生了什么。对于 iPhone 6，<code>device-aspect ratio</code> 和 <code>resolution</code> 的任何测试均失败。对于 <code>device-width</code> 和 <code>device-height</code>我尝试了实际像素值(1334px、750px)和虚拟尺寸(667px、375px)。 <code>device-height</code> 似乎有效，<code>device-width</code> 无效(应用处于纵向模式):</p>
<pre><code>@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 */
{
...
}
</code></pre>
<p>不确定这是 Webkit/phongap 还是 iOS8 问题(或者我是否忽略了某些问题)。有没有人想出这个/有一个(工作的)iPhone 6 查询？谢谢</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>您的应用是否具有适用于 iPhone 6 分辨率的正确初始屏幕图像？如果不是，设备会报告较小的屏幕尺寸(即最终只是将您的应用放大以适应大小)</p></p>
<p style="font-size: 20px;">关于ios - (工作)@media 查询 iPhone 6(phonegap)？，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/25934090/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/25934090/
</a>
</p>
页:
[1]