HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css.css">
</head>
<body>
<img id="logo-img">
</body>
</html>
CSS
#logo-img {
background: url("google.png") no-repeat;
width:100px;
height:100px;
}
当我尝试使用 CSS 指定图像时，它只显示图像的一部分而不是按比例缩放(从左上角开始为 100x100)。为什么？不应该缩放吗？
最佳答案
background-image 默认不缩放。查看 background-size 属性。导致图像缩放的常见值是 cover、contain 和 100%。您可以在此处阅读有关缩放背景图像的更多信息 - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Scaling_background_images
根据图像与元素的纵横比，图像是 background 的元素，您可能还想修改 background-position 属性。在这里阅读更多相关信息 - https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
关于css - CSS 中的重写 ID 仅显示部分图像而不是完整图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42660610/