jquery - サイズを変更すると、div の位置が壊れます

Question

div のみ (画像なし) を使用して基本的な時計を作成し、時計の矢印を再調整すると、ここに示すように壊れて位置がずれます。

                                   

なぜこうなった ？誰かが私のためにこれを修正できますか? 単一のファイルであり、外部ファイルはありません

Answer 1

うわー、印象的です。これが本当の答えになるかどうかはわかりませんが、あなたを正しい方向に導くことができます...

ブラウザでズームインするときのことですか？私はかつて、さまざまなブラウザーがサブピクセルをレンダリングする方法に問題があることが判明しました。正確にはあなたの問題ではありませんが、非常に似ていると思います。

このページでは、問題について説明しています: http://ejohn.org/blog/sub-pixel-problems-in-css/。

私が関連していると思う理由は、ページをさらに拡大すると、問題は解消されますが、再び戻ってくるからです。これは、ブラウザが 100% 以外で表示されるように設計されていない要素をレンダリングする方法です。

ズームアウトしても問題は同じであることに気付くでしょう。

私の提案 - 心配しないでください。

Answer 2

まず、うわー、それは本当に素晴らしいです！

firefox と chrome の両方で発生するようです。三角形の上/下/左/右を 28-29px に変更すると、配置が改善されました。

サイズ変更方法（またはブラウザのサイズ変更バグ-両方のブラウザで発生するとは思いませんが）に関係していると思いますが、「em」が意味するように、「px」を「em」に変換しようとしましたかサイズの比率をより良く保つため。