jQuery 用于填充浏览器窗口而不考虑大小

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

无论浏览器窗口大小如何，它们都有初始图像全屏。我试图对其进行逆向工程以查看使用了什么 jQuery(我期望使用的是什么)。我知道 backstretch 但如何强制 div 的全屏？

有没有人以前做过这种技术？有哪些方法可以实现这一点？

提前致谢。

最佳答案

好吧，他们似乎在使用 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%;
}

关于jQuery 用于填充浏览器窗口而不考虑大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20330784/

相关文章：

css - 你如何记录你的 Less？