html - 使用 CSS 设置背景图像大小而不拉伸

Question

我想使用 CSS 设置一些背景图像大小。

我可以使用以下 css 代码设置大小。我一直在 w3schools 阅读 css 格式，还参考了下面的stackoverflow 帖子：

background: url([[pix:theme|cat/default]]) no-repeat center bottom; 
background-size: 180px 200px;

我已经尝试了所有方法，包括包含和覆盖。然而，我一直让图像被拉伸和模糊。如何在不模糊图像的情况下做到这一点？仅供参考原始图像大小是128Kb 1210x1643px

标签： htmlcss

Answer 1

苏，

您无法在不模糊或降低质量的情况下拉伸图像。我建议你有一个高质量的图像，并将图像放在一个匹配的背景色 div 中。

然后你可以使用media-quires或一些 JavaScript 来保持图像尽可能大。

此外，查看您的一些代码或更好地描述您正在尝试做的事情也会很有帮助。:)