【发布时间】:2017-05-10 09:15:45
【问题描述】:
我很困惑。我为朋友创建了一个网站,您可以在这里查看opelversnellingsbak.be
问题是,当我使用 chrome 响应式视图时,网站在所有设备上看起来都很好并且响应迅速。 但是,当我在 iPhone 上使用 safari 进行访问时。该网站不再响应。 我的媒体查询如下:
@media (max-width:767px) {
非常感谢您的帮助
【问题讨论】:
-
我在 Safari 中找不到任何响应问题。请详细描述您的问题。
-
Inspector 显示它很好,但 iphone 的 safari 没有。也许如果您共享更多代码,我们可以识别它。断点似乎很好,查询是否设置在 css 的末尾?可能是您的
jquery-migrate,考虑到您仍在使用 jquery v1.11,为什么需要它?此外,我会先在 js 文件上加载modernizr,然后将master.css作为最后一个 css 文件。 -
我在 Iphone6 上试过,但它没有响应。您可以通过在 Safari 上远程调试它来检查它,然后检查元素并检查您的媒体查询是否已加载,或者是否被覆盖,它可能会给您一个线索。
标签: html css responsive-design responsive responsiveness