我已经花了几天的时间把我的头发掏出来寻找一个ipad媒体查询与UIwebview的解决方案。 我试过设备宽高比,不同的最小/最大宽度或设备宽度。 在Xcode中,模拟器或我的Ipad似乎充当了Iphone。 加载到我的域中的网页在iPad上正确运行。xcode和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
尝试使用WURFL可能会检测到iPhone/iPad并为其运行单独的代码。 [wurfl.js](http://web.wurfl.io) – Downgoat 2015-04-05 16:35:35
D4Rk的回答命中了它。我的目标设备是iPhone,所以一切都像iPhone一样。 – cpmac 2015-04-06 17:24:31