xcode和ipad媒体查询

Question

我已经花了几天的时间把我的头发掏出来寻找一个ipad媒体查询与UIwebview的解决方案。 我试过设备宽高比，不同的最小/最大宽度或设备宽度。 在Xcode中，模拟器或我的Ipad似乎充当了Iphone。 加载到我的域中的网页在iPad上正确运行。

看来，问题来自Xcode的

我在HTML页面

的CSS有

<meta name="viewport" content="width=device-width "> 

：

@media all 
and (max-width: 667px) 
{ 
body::before{ content: "phone fired"} 
h1{ 
color: #F0F; 
} 
} 

@media all 
and (min-width: 768px) 
and (max-width: 1024px) 
{ 
body::before{ content: "ipad fired"} 
h1{ 
color: #F0F; 
} 
} 

如果我拿出最小宽度：来自css的768px，Iphone和Ipad显示Ipad被解雇，因为Iphone在1024px之内; 与最小宽度：768px到位Iphone的行为正常，但Ipad显示“手机触发”。它的行为就好像它的宽度小于768px

Answer 1

1. 什么是您的定位设备？

   • 检查Target设置=>General =>Devices

   如果你的目标iPhone只，应用程序在iPhone mode在iPad上运行，你不会得到一个不同的device size这里。因此，您需要选择Universal，以便本机定位两者。

   这为我做的伎俩在我的测试项目:-)

2. 你也应该瞄准屏幕时使用@media only screen。这可能不是问题，但它在某种程度上更加正确。

3. 在检查设备时应该使用min-device-width而不是min-width。

让我知道如果这对你没有帮助。然后我会看看更多的东西。