xcode 和 ipad 媒体查询

Question

我花了几天的时间来寻找 ipad 使用 UIwebview 进行媒体查询的解决方案。我试过设备纵横比、不同的最小/最大宽度或设备宽度。在 Xcode 中，模拟器或我的 Ipad 似乎就好像它们是 Iphone 一样。加载到我的域中的网页在 ipad.

上正确运行

看来问题出在xcode

我有

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

在 html 页面中

css:

@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 中取出 min-width: 768px，Iphone 和 Ipad 都显示 Ipad 已触发，因为 Iphone 是1024px以内；将 min-width: 768px 设置为 Iphone 正确但 Ipad 显示 "phone fired"。它的宽度就好像小于 768px

Answer 1

您的定位设备是什么？
- 检查您在 Target 中的设置 => General => Devices
如果您仅针对 iPhone，则该应用程序在 iPad 上以 iPhone mode 运行，您不会在此处获得不同的 device size。因此，您需要 select Universal，以本地定位两者。

这对我的测试项目有用:-)
您还应该在定位屏幕时使用 @media only screen。这可能根本不是问题，但它在某种程度上更正确。
你应该使用min-device-width而不是min-width，当检查设备的with时。

如果这对您没有帮助，请告诉我。那我再去看看。

xcode 和 ipad 媒体查询

xcode and ipad media queries

css

media

xcode

ipad