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缩放它。为什么？它不应该缩放吗？
答案 0 :(得分：0)
background-image默认情况下不会缩放。查看background-size属性。导致图像缩放的常见值包括cover，contain和100%。您可以在此处阅读有关缩放背景图片的更多信息 - the same question
根据图像与元素相比的宽高比，图像为background，您可能还需要修改background-position属性。在此处详细了解相关内容 - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Scaling_background_images