代码之家  ›  专栏  ›  技术社区  ›  Simon Sebastian Vollmer

网站iPad显示屏上的渲染问题

  •  1
  • Simon Sebastian Vollmer  · 技术社区  · 11 年前

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

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

    我无法很好地描述这个问题,但看起来似乎所有内容(除了标题)都是从ipad上的网站上删除的/没有显示。此外,当使用土坯边缘检查时;我发现我的css规则都没有应用于元素。

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

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

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

    1 回复  |  直到 11 年前
        1
  •  0
  •   Simon Sebastian Vollmer    11 年前

    对于那些可能遇到这个问题的人来说,这是杰克·帕蒂肖的建议。iPad似乎不尊重vh作为一个单元,因此我的图像非常巨大。

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

    希望这对某人有用