さっき先走ったやつの続きですが。

スマホ用のレイアウトを作るの面倒だ！
と思っていたのですが、CSS で Flexbox を使ったら結構思ったとおりになりました。

というか、元のパソコン用の方もFlexboxでやってたら、ほとんど書き直さないでスマホ用が作れたような気もしますが。

これからは困った時にはFlexboxにしたら、大抵のものは綺麗に並ぶということです。

それとは関係なく、パソコン上の疑似スマホ画面では上手く収まっているので、実際にスマホで見てみると縦がはみ出していたりするとか。

各要素の高さをパーセントで指定して100%より少なくなっているはずなのですが。
スマホ用はパソコン用のコピーを編集する感じで作っているので、パソコン用の方にスマホで上手く行かないような何かが書かれているに違いないです。
CSSもゴチャゴチャしてきているので、こういうのを見つけるのも大変だったりしますけど。

<!-- もしかするとLittle Mustapha's Black-holeを作る時より頑張っている気もするのですが、使うのは私だけとか。でも自分が使うものにこだわるのも良いですよね。-->