阻止div容器调整大小

Question

我在html页面中有两列，一列是向右浮动，另一列是向左浮动。 我已将两个容器的高度设置为100％，两个容器的宽度设置为50％。我希望两个容器适合进入窗口。当用户水平重新调整窗口大小时，我不希望内容调整大小。我怎样才能做到这一点？

由于

Answer 1

实现这一目标有很多方法。首先，最简单的方法是将css值设为min-width！因此，如果您希望它调整大小但停止在960px（例如），您只需要这样做：

    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');
    });

希望它有所帮助！如果我的答案不够清楚，或者你不理解其中的一部分，请告诉我！

干杯！