計算された高さが指定された高さと異なる

Question

私のウェブサイトにボタンを作成中、私はwww.google.comの検索ボタンからインスピレーションを得ようとしていました。

Google Chromeをブラウザとして使用して、www.google.comにアクセスし、[Google検索]ボタンを右クリックして[要素の検査]オプションを選択しました。私はbutton要素がクラス "lsb"を持ち、cssがこのクラスの要素の高さを30pxと指定しているのを見ました。この仕様は、別のステートメントによって上書きされていません（そうでなければ、クロムがそう言います）。それでも計算値を見ると、高さは30pxではなく43pxです。

だから、私はこの要素の高さの増加を引き起こしているのでしょうか？

Answer 1

問題は、google.comのズームスケールを144％に設定していたことでした。だから、デフォルトで30pxだったのは30 * 1.44 = 42pxになりました。

ズームスケールを100％に設定すると、不一致がなくなりました。