問題 これはコンテンツ部分の左右マージンにmargin: 0 auto;をしており、画面幅を変えてもコンテンツが中央に配置されるようにしていた。 コンテンツ内にはSVGで描画した円の中心にアイコンを配置していたのだけど、画面幅を変更するとSVGで描画した円が左右に動きアイコンがずれるような見え方をしていることに気づいた。 原因 この動きが奇妙過ぎて色々調べていたのだけど、気づけば他のボタン要素なども左右に動いているではないか… もう少し調べると画面幅が奇数の時に発生していることが分かった。 これは小数pxのブラウザ毎の解釈が異なることにより、Chromeだと 0.5 刻みになっていた。 またF…
