如何使用css调整图像大小？

我已经使用css好几年了，但从未尝试过使用固定宽度的布局。我正在考虑为我的下一个站点使用流畅的布局，或者尽可能多的百分比，但是我有一个问题让我担心

如果我有一个1900px宽度的图像作为背景，我知道当浏览器调用1600px时，它会缩小

---

当分辨率要求2000px的宽度时会发生什么？我会留下空白，对吗？如何避免这种情况？我觉得我应该扔掉它不是一个可以水平重复的图像

通常使用的一个技巧是让图像“内部发光”并带有颜色，然后将背景颜色也设置为相同的颜色

假设您的图像不平铺，并且具有黑色“内发光”或“羽毛”效果，则您可以使容器的背景色如下所示：

background-color: #000;
background-image: url(your_bgimage.jpg); /* image with black borders due to effect */
background-repeat: no-repeat;
background-position: center center;

---

当浏览器宽度过大时，可以使用媒体查询将图像调出。默认情况下，图像平铺，但你可以让它做任何你想做的事情。100%的宽度将拉伸你的图像以很好地填充空间。不，我很少建议将图像放大，但在背景图像和这种情况下，如果您从1900px宽的图像开始，它延伸到不可接受的失真点的可能性很小。用VKen的答案补充这一点，你就准备好了。这几乎不重要，但问题应该是“如何使用css重新调整图像大小”而不是“如何使用css重新调整图像大小？”对不起，伙计们。这是一个长时间盯着电脑屏幕的日子