【问题标题】:Rendering issue on iPad display of website网站 iPad 显示的渲染问题
【发布时间】:2014-03-10 19:25:06
【问题描述】:

我遇到了我在 Web 开发生涯中遇到的最奇怪的问题,但我似乎无法解决它。

几个月前,我开发了一个网站:www.ktngroup.co.uk,在所有设备上启动时都运行良好。现在看来,该网站似乎已经开发出某种形式的问题,仅限于 ipad。奇怪的是,当使用 css 用户代理和屏幕尺寸时,我无法复制它,这很奇怪,因为它看起来像一个 css 问题。

我不能很好地描述这个问题,但看起来所有内容(除了标题)都是从 ipad 上的站点拉出/未显示的。此外,当使用 adobe 边缘检查时;我看到我的 css 规则都没有应用于元素。

将 1024 像素的桌面版本与 ipad 横向进行比较是发现问题的最佳方式。

更新:当我取消 iPad 完全加载网站(大约是前两个面板)时,网站功能在这两个面板上得到了完善 - 几乎就像它加载的东西更进一步破坏了网站?

如果有人有任何指导,我真的不能感谢你。

【问题讨论】:

  • 这是您最不关心的问题。单击 chrome 中的链接时,我几乎要癫痫发作,页面会在滚动到适当的区域之前快速上下跳动几次。我的预感是 jQuery 滚动行为不端。
  • 您正在测试哪个版本的 iOS?我注意到 iOS 7 中有一些奇怪之处。对我来说,部分元素 (.main_section) 的高度似乎有一些不稳定的计算高度(非常大),导致滑动图像疯狂扩展。每个幻灯片过渡都会导致可怕的绘画时间。如果我将高度从100vh 更改为768px,情况会更好。我们讨论的是同一个问题吗?

标签: html css wordpress ipad webkit


【解决方案1】:

对于可能遇到此问题的人 – 这是 Jack Pattishall 的建议。 iPad 似乎不尊重 vh 作为一个单位,因此我的图像很大。

为了解决这个问题,我添加了一个媒体查询来处理具有设置像素宽度/高度的手持平板电脑。

希望这对某人有用

【讨论】:

    猜你喜欢
    • 2021-02-06
    • 2012-10-19
    • 1970-01-01
    • 2017-05-14
    • 2011-05-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多