windowを拡大縮小するとカラム落ちする現象について

Question

windowsのマウスのころころするやつとCTRLキーを押しながら拡大縮小すると、
カラム落ちしてしまいます。
デベロッパーツールで調べてみると

<div id="side">
</div>

#side{
  width:222px;
}

この#sideの部分で、最初は 222pxなのに
拡大縮小：222.174pxになっていることがわかりました。
なぜ、増えてしまったのでしょうか？

よろしくお願いします。

Answer 1

そのDIV内外の要素にも影響するものと思われます。
CTRL押しながらマウスホイールを動かすとズームしますよね。ズームでは222という整数を維持できないからではないでしょうか。
下記の記事のようにborder1pxを縮小できないから崩れるという例もあるようですし。

• ブラウザで縮小表示した場合の不具合

ブラウザの仕様にもよると思います。

Comments

[yuyans]

回答ありがとうございます。
ブラウザの不具合で、どうしようもないということでしょうか...

[m.ts10806]

そもそも通常は拡大率100%を標準として規格が作られているものなので、それ以外は保証されないと思っていいです。どうしても拡大をということなのであればjavascript等で特定の要素のみコントロールすべきですね。

[yuyans]

ありがとうございます！ベストアンサーにさせていただきます。