Javascript - 将图像大小调整为屏幕大小

时间:2017-01-21 04:18:53

标签: javascript

我希望javascript检测用户的屏幕大小并调整图片大小以适应整个屏幕,但用户可以向下滚动以查看更多内容。

我知道如何使用CSS来实现这一目标:

position: fixed; /* or position: absolute; */
min-height: 100%
min-width: 100%
margin: 0 auto;
padding: 0;

图像适合整个屏幕,但我无法滚动。

请访问以下链接,了解我要做的事情。查看图像如何适合您的屏幕,您可以向下滚动以查看更多内容。这就是我想要做的。

https://pixelgrade.com/demos/themes/?product=mies

1 个答案:

答案 0 :(得分:1)

由于"位置:已修复",实际上您正在滚动,但您的图像也会滚动。尝试"位置:绝对;"