-1

em 默认不是 16px 吗？为什么在这种情况下 em = px？图像的高度不应该是 800 像素（16 * 50）吗？

            <img id="header-img" width="50px" height="50em" src="https://nordvpn.com/wp-content/uploads/2020/07/favicon-196x196-1.png" alt="NordVPN Logo">

4

2 回答 2

0

px不允许在width属性内（与 相同em）。50在您的情况下，浏览器将考虑您的宽度和高度等于50px

<img id="header-img" width="50px" height="50em" src="https://nordvpn.com/wp-content/uploads/2020/07/favicon-196x196-1.png" alt="NordVPN Logo">

宽度

图像的固有宽度（以像素为单位）。必须是没有单位的整数。 参考

如果你使用 CSS，你会得到预期的结果：

<img id="header-img" style="width:50px;height:50em" src="https://nordvpn.com/wp-content/uploads/2020/07/favicon-196x196-1.png" alt="NordVPN Logo">

于 2021-02-22T19:20:28.770 回答
0

height 属性指定图像的高度，以像素为单位。

如果你想在'em'中指定高度，你应该使用内联css

<img id="header-img" style="width:50px;height:50em;" src="https://nordvpn.com/wp-content/uploads/2020/07/favicon-196x196-1.png" alt="NordVPN Logo">
于 2021-02-22T18:02:51.273 回答