height = 2px 和 height = 2 有什么区别

问题描述 投票:0回答:5

height = 2px 和 height = 2 有什么区别?当我们不指定 px 或 em 等单位时,它采用什么单位?

css units-of-measurement
5个回答
0
投票

如果您指的是 HTML,那么它始终是像素。如果是 CSS,它将取决于浏览器以及您为其分配高度的元素,例如 line-height: 2 将表示该行字体值的 200%。当前浏览器在 CSS 中将其指定为无效值,并且大小不应呈现。


0
投票

它不应该工作。

如果您检查了开发工具,您会注意到此消息

height: 50;

无效的属性值

因为你必须添加单位,以便浏览器知道如何渲染你的元素。


0
投票

嗯,无效。

您可以使用镶边工具 (F12) 检查元素,从中删除“px”,并收到无效值的警告。


0
投票

使用此链接尝试 height = 100 和 height = 100 px。了解差异 http://www.w3schools.com/cssref/tryit.asp?filename=trycss_position_bottom


0
投票

主要区别在于使用的单位:

height: 2px;

指定 2 像素的固定高度。

height: 2;

但是如果你使用 line-height 作为属性

line-height: 2;

它将元素内一行文本的高度设置为字体大小的 2 倍,而不指定单位。

对于 rem、px 和 em 等单位转换,您可以使用 plexcalc.com 等工具来确保 CSS 样式的一致性和精确度。

© www.soinside.com 2019 - 2024. All rights reserved.