iPhone 6媒体查询显示在模拟器中而非手机中

时间:2018-03-16 04:02:42

标签: ios css iphone media-queries

由于我无法访问所有手机型号,因此我经常使用模拟器,尤其是XCode附带的模拟器。我发现iPhone 6的媒体查询在模拟器中运行得很好,但在实际的手机中却没有...或者至少是我的客户端。我让她清除缓存并检查她是否有最新版本。

以下是该页面的链接:http://muirheadfoods.com/fruit-butters.php。在模拟器上正确显示:

enter image description here

她的手机显示出更紧密的间距 - 更重要的是 - 菜单按钮下方的图像根本不可见。

我正在使用非常标准的媒体查询:

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
}

对它可能是什么的任何想法?我很困惑。

谢谢 - 乔

0 个答案:

没有答案