html - 停止 div 容器调整大小

Question

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

谢谢

Answer 1

有很多方法可以实现这一目标。首先，最简单的方法是将 css 值设置为 min-width！因此，如果您希望它调整大小但停止在 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');
    });

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

干杯!