Question

我正在使用Phonegap Build，我无法让Android媒体查询工作。我有iOS查询，但Android没有响应。

当我在浏览器中进行测试时，它可以正常工作，但在构建之后却没有。

我的查询：

/* <- 480*/
@media screen and (max-height: 507px){
}

/*508 / 530*/
@media screen and (min-height: 508px) and (max-height: 530px){
}

/*531 / 567*/
@media screen and (min-height: 531px) and (max-height: 567px){
}

/*568 / 600*/
@media screen and (min-height: 568px) and (max-height: 600px){
}

/*601 / 650*/
@media screen and (min-height: 601px){
}

元标记

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

Answer 1

@Matt，无效意味着什么？你能描述一下本来应该发生的事情吗？此外，屏幕尺寸并不总是正确报告。您可以使用我的ScreenSize应用检查您的屏幕尺寸。该应用程序包含指向其他地方的链接，您可以在媒体查询上查看答案。

Answer 2

抱歉忙于blog post。

我构建了两（2）个快速试用版应用程序来测试问题所在。使用我的样板应用程序，我添加了媒体查询;在初始状态之后它没有响应旋转（因此它不会回流）（APP #1）。我还用新的webview引擎，人行横道测试了它，似乎有类似的问题（App #2]）。看来我们必须强制重排。我没有时间实现任何解决方案，但根据我在过去15分钟内所阅读的内容，需要做的是零大小插入和删除HTML元素。

随意使用我的代码，或提出拉取请求。如果你拉，我会将其添加到我的Demo Apps。当然，你会对此有所了解。 ; - ）

我没有测试任何建议。这是我的查询查询：
https://www.google.com/search?q=html+force+reflow

8小时后 我刚刚意识到我还没有测试过InAppBrowser。这可以正确处理回流。

杰西

媒体查询不适用于Android

2 个答案: