根据浏览器窗口大小调整div内容

Question

所以，让我说我有这个： http://cl.ly/image/3S333B212D0Q/1.jpg

当我调整浏览器窗口高度时，会发生这种情况： http://cl.ly/image/1y0n2r3k3f3T/22.jpg

但我希望这会发生： http://cl.ly/image/2t1T1w1t1q1N/3.jpg

我怎样才能做到这一点？我知道我应该发布代码，但我甚至不知道从哪里开始。

如果有人能指出从哪里开始寻找。

Answer 1

将此styles添加到您的图片中，使其成为responsive：

    max-width:100% !important;
    height:auto;
    display:block;

另外，我建议使用Bootstrap Framework from Twitter

Answer 2

您可以使用jQuery设备的宽度，高度。 Check this out

$(document).ready(function() {

    var widnow_wth = $( window ).width();
    var height_wth = $( window ).height();
    $(".content").css('min-width',widnow_wth);
    $(".content").css('min-height',height_wth);

});