原因に納得がいかない

自作のHTML小説ビューワーを個人サイトで使っているのですが、androidだけレイアウトが崩れる不具合がありました。

Edge(Chromium)のレスポンシブモードでも再現したので、開発者ツールは素晴らしいですね。

崩れたレイアウト。画面高さで固定しているのに、画面の高さをはみ出してスクロールできる

これをスクロールしていくと……、

画面下に固定でいるはずのメニューがすごく下の方にいる

なぜかメニューがものすごく下の方にいるのです。

SafariもFirefoxも問題なく表示されるのに、Androidだけ崩れるんです。
Androidの内部ブラウザってChromiumになったんじゃなかったの、なんなのお前(評価が下がる音)。

土日に原因を探してガチャガチャしていたところ親ノードに

width: 100%;

の指定を入れたら直りました。

高さが画面高さに固定され、メニューも画面右下に固定されている正しい表示

なんで縦に伸びてるのに横幅指定ぃえぇぇぇえ〜……?

width: 100%;の指定を入れたら、縦ホイールで横スクロールする機能が動かなくなったので(横幅がMAXなんだからそりゃそーだ)、そこも一緒に修正しました。

な、納得がいかない……!