gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 05:52:30 25 4
gpt4 key购买 nike

无论如何我都不是一个非常有经验的开发者,所以这些问题的解决方案对你来说可能比我更明显。

我正在开发的网站是 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com