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

时间:2014-03-09 06:03:45

标签: html css wordpress ipad webkit

我遇到过我在网络开发事业中遇到的最奇怪的问题,我似乎无法解决它。

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

我无法很好地描述这个问题,但看起来好像所有内容(标题除外)都是在ipad上从网站上删除/未显示。另外,使用adobe edge inspect时;我看到我的css规则都没有应用于元素。

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

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

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

1 个答案:

答案 0 :(得分:0)

对于那些可能遇到这个问题的人来说 - 这就是Jack Pattishall的建议。 iPad似乎并不尊重vh作为一个整体,因此我的图像非常庞大。

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

希望这可以对某人有用