css – 与指定高度不同的计算高度

在我的网站上创建按钮时,我试图从www.google.com上的搜索按钮中汲取灵感.

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

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

最佳答案 问题是我将google.com的缩放比例设置为144%.那么,默认情况下30px会变成30 * 1.44 = 42px.

一旦我将缩放比例设置为100%,差异就消失了.

点赞