【发布时间】: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