阻止 div 容器调整大小

2024-05-12

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

Thanks


有很多方法可以实现这一目标。首先,最简单的就是设置 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');
    });

希望有帮助!如果我的答案不够清楚或者您不明白其中的一部分,请告诉我!

Cheers!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

阻止 div 容器调整大小 的相关文章