从调整停止的div容器(Stop div container from resizing)

我有一个HTML页面两个栏，一个浮动的权利，另一个是向左浮动。 我已经设置两个容器至100％的高度和两个容器的宽度为50％。 我想这两个容器，以适应恩特雷里奥斯窗口。 当用户重新大小窗口水平，我不想要的内容调整大小。 我怎样才能做到这一点？

谢谢

Answer 1:

有很多的方式来实现这一目标。 首先，最简单的是把CSS值最小宽度！ 所以，如果你想让它来调整，但止步于960像素（例如），你只需要做：

    myCoolDiv{
         width: 100%;
         height: 50%;
         min-width: 960px;
   }

这会给你最好的结果。 否则，如果你不想含量在所有的调整大小，并选择有一个宽度等于初始画面的100％，我会使用jQuery这样：

    $(document).ready(function() {
       //Call a variable to know the width of the window
       var screenWidth = $(window).width();
       $('myCoolDiv').css('width', screenWidth + 'px');
    });

希望它帮助！ 告诉我，如果我的回答不够明确，或者如果你不明白它的一部分！

干杯!

文章来源: Stop div container from resizing