移动设备的 Safari 和媒体查询

Safari and media query for mobile

如果有人对此有一些想法,我们会很高兴听到一些。 我确实做了一个响应式网站,它与 IE、Firefox 和 Chrome 配合得很好。 但是当我用 Safari 浏览它时(所有版本都一样),它接缝是 Safari 捕捉移动媒体查询而不是我定义的。

检查一下:www.lpfilmfest.org

如有任何帮助,我们将不胜感激。

提前致谢

在您的样式表中,main.css,前 2 个媒体查询都缺少右花括号。这导致它们嵌套并被 Safari 误解。在格式化 CSS 中:

  1. 在第 980 行后添加,}
  2. 并在第 1227 行之后添加,}