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

时间:2016-05-16 07:34:01

标签: html ios css mobile media-queries

我不是一个非常有经验的开发人员,所以这些问题的解决方案可能比我更明显。

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

我一直在使用LG G4进行移动测试。该网站在该特定设备上看起来很棒。看起来像Safari,iPhone和iPad上的对接。好像IOS根本没有拿起我的媒体查询,我使用head部分中的viewport标签。

它也没有为某些元素挑选样式。例如,Solutions页面上的左侧边栏按钮。

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

1 个答案:

答案 0 :(得分:0)

您的main_style.css文件似乎存在问题。尝试运行https://jigsaw.w3.org/css-validator/并会出现一些错误,其他浏览器可以正常使用,但Safari会失败。

  • 你有许多不完整的关键帧动画,你应该修复它们或删除它们(ln 234-237,240-243,258-261)
  • Ln 252字母间距没有有效值。在1.2
  • 之后应该有'px'
  • 应删除355随机'/'字符。

修复这些问题后,网站开始在我的iOS设备和Safari(桌面版)上正确显示