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

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

干杯!