调整为屏幕宽度约束比例的背景图像

2018-07-01 23:39:45

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

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

听起来像

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

应该让你在正确的方向。（有关后台附件，后台大小的信息，以及旧IE浏览器支持的限制）

链接地址: http://www.djcxy.com/p/89171.html