html - 如何创建具有 100% 宽度图像的基于网格的网站？

Question

我想创建基于 1140 网格系统的网站，其“登陆”图像填充整个浏览器，因此您必须滚动查看内容。所以，基本上，当你打开它时，你会看到这个图像（高度和宽度填充了 100% 的浏览器，没有任何限制），当你滚动时，你会看到页面的其余部分，它位于中心和列中. 请不要说我希望“着陆”图像也可以扩展——它也适合智能手机或平板电脑。

Answer 1

听起来您正在寻找这样的东西。这是一个非常基本的布局，但你应该能够从那个小提琴中得到这个想法。

基本上，您只需创建一个<div>100% 的高度和宽度。它将占用浏览器的任何大小，然后您可以在其下方添加另一个块元素来容纳您的其他内容。

<div style="height:100%;width:100%;">
    <img src="http://0.tqn.com/d/cats/1/0/c/i/3/iStock_AngryCat425x282.jpg"
                 style="height:100%;width:100%;"/>
</div>
<div>

    here is some other stuff</br>
    here is some other stuff</br>       

</div>​