ラノ・ララク » ブラウザのズームによる表示崩れを防ぐクライアントから「表示が崩れるんだけど？」とツッコミが入って さんざん検証を繰り返しても状況が再現できなくて、ほとほと困っていたら、 実は先方のブラウザのズーム倍率が100%じゃなかった…なんてことに遭遇します。 最近のモダンブラウザは大抵ズーム機能を備えているので、 検証の際にはにズーム率を変えたときの挙動まで検証する必要があったりします。 floatを使ったカラムが落ちる よくあるケースとしてはfloatとborderの組み合わせ。 親要素に対して横幅がキッチキチな子要素のfloatがあった場合、 ズーム率を縮小した際に、border-widthは1pxよりも小さくならないため、 各要素の横幅とborderの幅の縮小比率に端数がでて、カラム落ちしてしまうようです。 下記サンプルで現象を再現しています。ブラウザの拡大率を下げてみてください。 IE7-8、Firefox、
