私は HTML\CSS\Javascript のことは初めてなので、私の無能さを許してください。私は少し（主にクラスの変更）jQueryを使用していないことを知っていますが、それを機能させることができなかったという理由だけで、古い学校に行きました。
デスクトップの Chrome (および Safari) で問題なく動作する Web ページ (ここ: http://dashboards.kantarhealthspain.com/uk/segmentation/Segmentation_v0.4.html ) があります。ページの中央にある大きな四角をクリックし、[>>] をクリックして次の「ページ」に移動します。最終的に、選択した内容に基づいて 4 つのセグメントのいずれかを非表示/非表示にするポイントに到達します。少し不格好ですが、機能します。これは今のところ勝利です...
iPad で同じページを表示すると、レイアウトがあまり良くありませんが、それは私の問題ではありません。セグメントを表示/非表示にする最後の質問にたどり着くと、ページ全体がレンダリングされる方法が変わるように見えます-すべての要素が非常に多くのスペースを占めるようです.
私は開発に Windows マシンを使用しているため、iPad でのデバッグは非常に困難です。Safari エミュレーターは、デスクトップ Safari (Windows 用) では壊れないため、実際に何が起こっているかをエミュレートしません。
これをどこから調べればよいのかさえわかりません。ヒントがあれば大歓迎です。
編集:今、私は邪悪な HTML を修正しました。下部の div が表示されているときのように見えます\hidden、上の各 div の高さが倍増(?)表示され、サイズが 2 倍になります。高さはページのサイズのパーセンテージです (私は推測します) - そこで何が起こっているのでしょうか?! 領域が再表示されると、パーセンテージは再計算されますか?
ありがとう
トム