我想在一个容器内部创建一个背景图像，该容器位于页面的大约一半处。高度可能是屏幕高度的20％-30％。我是否需要创建多个图像并使用CSS Media问题显示一个图像并隐藏每个分辨率范围的所有其他图像？或者，是否有更简单的方法使图像自动缩放。如果图像是矢量格式会有帮助吗？
答案 0 :(得分：4)
如果您希望图片始终覆盖div，则可以使用CSS3的新background-size值：
background-size: cover | contain;
使用封面，无论大小如何，图像都将始终填满整个容器，浏览器将调整图像，图像可能会被裁剪。
整个图像将始终可见，即如果容器小于图像，图像按比例缩小以适合容器，这样，在容器中看到空白空间是正常的。