Question

我想知道如何在http://www.vaexu.com/amada上实现这一技巧。

无论浏览器窗口大小如何，它们都会将初始图像全屏显示。我试图对它进行反向工程以查看使用了什么jQuery（我期望使用的是什么）。我知道关于backstretch但是div的整个屏幕是如何强制的？

以前有人做过这种技术吗？有什么方法可以实现这个目标？

提前致谢。

Answer 1

好吧，他们似乎正在使用bootstrap进行滚动的整个视觉处理（并且它会上升等）。但要使图像达到100％，请执行以下操作 HTML;

<body>
    <div>
        </img>
    </div>
    ...

的CSS;

html,body{width:100%;height:100%;}
div{
    position:relative;
    height:100%;
    width:100%;
}
img{
    min-height:100%;
    min-width:100%;
}

Answer 2

这里使用了一些技巧：

结果是背景图像缩放到其容器的大小。