css - 计算出的高度与指定高度不同

标签 css

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

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

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

最佳答案

问题是我将 google.com 的缩放比例设置为 144%。因此,默认情况下 30px 变成了 30 * 1.44 = 42px。

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

关于css - 计算出的高度与指定高度不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6512661/

相关文章:

html - 我的标题保持固定,但我的 body 仍在滚动

css - 位置 : fixed; does not base element in viewport

HTML div 显示在 Flash 对象之上

css - 在 CSS 中创建类 3d block 的好方法是什么?

internet-explorer-9 - IE9 在 border-radius 上没有子像素抗锯齿

html - 如何在html中一一显示两个div的右侧

javascript - CSS:如果 p 的高度覆盖,则增加父宽度

javascript - 如何使用 react 模态显示没有背景效果的模态?

css - float 2 列后出现 div 问题

javascript - 如何从 css 或 javascript 定位 iframe 内的元素以进行样式设置