IOS无法识别媒体查询和某些CSS样式

我不是一个非常有经验的开发人员，所以这些问题可能会有比我更明显的解决方案。IOS无法识别媒体查询和某些CSS样式

我正在开发的网站是ion123.com。

我一直在使用我的LG G4进行移动测试。网站在该特定设备上看起来很棒。看起来像在Safari，iPhones和iPad上屁股。似乎IOS根本没有收到我的媒体查询，并且我使用头部中的视口标签。

这也不适合某些元素的造型。例如，Solutions页面上的左侧边栏按钮。

我真的很感谢这里的一些指导。谢谢！

2016-05-16 Garrett

尝试添加到你的头标记这个正确显示：。如果我可以进入你的网站会更容易，但是因为我现在在中国，所以互联网在这里非常糟糕。 – Frutis

是的，我补充说。谢谢，不过。 – Garrett

刚刚注意到一秒前我的坏。 – Frutis

这似乎是您的main_style.css文件的问题。尝试运行https://jigsaw.w3.org/css-validator/，并且会出现一些错误，其他浏览器可以正常运行，但safari无法正常运行。

一旦这些问题已修复的网站开始了我的iOS设备和Safari（台式机）

2016-05-16 08:42:46 darrenallen7

对！我会修复这些领域并尝试一下。谢啦。 – Garrett

哇。删除这些关键帧动画的确有窍门。为什么那些已经完全搞砸了IOS的整个布局？顺便说一下，非常感谢您花时间为我研究这个问题。 – Garrett

不完整的关键帧动画导致Safari浏览器无法像其他浏览器一样忽略的解析错误。所以基本上safari在遇到问题时就停止阅读css，这就是为什么它完全忽略了您的媒体查询。你还应该修复其他两个问题，如果你不这样做，也会导致你的CSS无效，这可能会导致其他问题。 – darrenallen7

回答