计算高度与指定高度不同

Question

在我的网站上点击按钮时，我试图从www.google.com上的搜索按钮中汲取灵感。

因此，使用谷歌浏览器作为浏览器，我访问了www.google.com，右键单击“Google搜索”按钮并选择“检查元素”选项。我看到button元素的类为“lsb”，css为这个类的元素指定了30px的高度。此规范尚未被另一个声明覆盖（否则chrome会告诉我）。不过，当我查看计算值时，我发现高度为43px，而不是30px。

所以，我想知道，导致元素高度增加的原因是什么？

Answer 1

问题在于我将google.com的缩放比例设置为144％。那么，默认情况下30px会变成30 * 1.44 = 42px。

一旦我将缩放比例设置为100％，差异就会消失。