我是 HTML\CSS\Javascript 的新手，所以请原谅我的无能。我知道一些位（主要是类修改）我没有使用 jQuery，但只是因为我无法让它工作，所以我去了 old-skool。
我有一个网页（此处：http ://dashboards.kantarhealthspain.com/uk/segmentation/Segmentation_v0.4.html ）在我桌面上的 Chrome（和 Safari）中运行良好。您单击页面中间的大块方块，然后单击 >> 转到下一个“页面”。最终，您会根据您选择的内容隐藏\取消隐藏 4 个细分之一。这有点笨拙，但它有效，现在是一个胜利......
当我在 iPad 上查看同一页面时，布局不太好，但这不是我的问题。当您到达最后一个问题以显示\隐藏段时，它似乎改变了整个页面的呈现方式 - 每个元素似乎都占据了很大的空间。
在 iPad 上进行调试非常困难，因为我使用的是 Windows 机器进行开发，而 Safari 模拟器实际上并没有模拟正在发生的事情，因为它不会在桌面 Safari（适用于 Windows）上中断。
我什至不知道从哪里开始寻找这个 - 任何提示将不胜感激。
编辑：现在我已经修复了邪恶的 HTML，看起来当底部的 div 显示\隐藏时，每个 div 的高度加倍（？）我已经制作了 NavDiv 和 Breaker 紫红色和栗色的背景，所以他们出现了，而且尺寸翻了一番。高度是页面大小的百分比（我想）-那里发生了什么？！当区域未隐藏时，百分比是否会重新计算？
谢谢
汤姆