无论如何我都不是一个非常有经验的开发者,所以这些问题的解决方案对你来说可能比我更明显。
我正在开发的网站是 ion123.com .
我一直在使用我的 LG G4 进行移动测试。网站在该特定设备上看起来很棒。在 Safari、iPhone 和 iPad 上看起来像屁股。似乎 IOS 根本没有接受我的媒体查询,而我正在使用头部部分的视口(viewport)标签。
它也没有为某些元素选择样式。例如,Solutions 上的左侧边栏按钮页面。
我真的很感激这里的一些指导。谢谢!
最佳答案
您的 main_style.css 文件似乎有问题。尝试运行 https://jigsaw.w3.org/css-validator/并且会出现一些错误,其他浏览器可以,但 safari 会失败。
- 您有许多不完整的关键帧动画,您应该修复或删除它们(ln 234-237、240-243、258-261)
- Ln 252 字母间距没有有效值。 1.2之后应该有一个'px'
- Ln 355 随机“/”字符应该被删除。
解决这些问题后,网站开始在我的 iOS 设备和 Safari(桌面版)上正确显示
关于html - IOS 无法识别媒体查询和某些 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37248862/