iPad 2 Chrome 渲染问题答案

【问题标题】：iPad 2 Chrome rendering issueiPad 2 Chrome 渲染问题
【发布时间】：2012-10-19 02:20:20
【问题描述】：

我目前有一个网站在适用于 iPad 1 和 2 的 Safari 中正确呈现，并且在 iPad 1 Chrome 中正确呈现，但适用于 iPad 2 的 Chrome 没有正确接收我的纵向模式媒体查询。

我正在使用的 css 查询：

@media only screen and (min-width: 767px) and (max-width: 979px)

这可以毫无问题地抓取所有其他浏览器。我已尝试在其中添加（方向：纵向），但无法解决 Chrome 的问题。

有什么建议吗？

【问题讨论】：

这只是一个想法：不要在 chrome 中测试！如果它可以在 Safari 中运行，那么它将在 Chrome 中运行。我遇到了同样的问题，我花了一个多小时才发现即使您清除了浏览数据，chrome 也不会清除您的缓存文件
我不确定这是否是我看到的问题。如果我在媒体查询之外编写样式，它适用于 iPad 2 的 Chrome。它只会破坏两个版本的 Chrome 的横向版本。虽然我在测试时遇到了 Chrome 缓存的问题，所以知道它没有正确清除缓存会有所帮助。
更新：我删除了 Chrome 并重新安装，它解决了这个问题。缓存绝对是问题所在。
让我添加一个问题的答案，以便您将其标记为已回答

【解决方案1】：

iPad 中的 Chrome 在清除缓存方面存在问题，即使使用 clear the browser data 选项也是如此。目前最好的办法是不要使用 Chrome，而是使用 Safari。大多数时候，两者的渲染都是一样的。

重新安装 Chrome 应用会暂时清除缓存并解决问题。

【讨论】：