Question

我想拍摄一张我自己拍摄的图像（它不够大，不足以适应屏幕宽度）并使图像适合屏幕宽度并相应调整高度以保持比例（宽度： 100％不会保持比例，我不希望它是屏幕的整个高度，因为页面将比折叠更长）。

我想要实现的一个例子是使用this site中的蓝色背景图像，您会注意到当用户滚动时图像本身不会移动，这也是我想要实现的效果如果将图像设置为背景图像，我相信会实现。

Answer 1

这听起来像是

background-attachment: fixed;
background-size: contain;
background-position: top center;

应该让你朝着正确的方向前进。（关于background-attachment，background-size的信息，并了解旧IE中有限的browser support