停止调整大小的div容器

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

谢谢

来源

2012-12-09 A H

当您使用百分比宽度时，内容将调整大小以填满屏幕。如果您不想调整大小，请不要使用百分比宽度。相反，考虑使用Javascript来计算最初加载页面时的屏幕大小，即使发生页面大小调整后，也要将这些值保留在CSS中。 –

你想让浏览器变大时让内容居中，当浏览器变小时浏览一下内容？ –

你的问题是矛盾的。您希望内容适合整个窗口，但您不希望它调整窗口大小？ –

有很多方法可以做到这一点。首先，最简单的方法是将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'); 
    });

希望它帮助！告诉我，如果我的答案不够清楚，或者你不明白其中的一部分！

干杯！

来源

2012-12-09 14:32:20

你说，有很多方法，你可以告诉我们，有什么其他的方式来实现这个 –

@rajeevpani ..最小宽度或最小高度真的是去这里的方式，其他方法可以根据问题使用但我会说，如果你想容器的大小调整，但有一个限制的大小，你希望最小宽度或最大宽度被暗示。我不确定当时的想法，但我可能正在考虑CSS媒体查询等问题，但现在我再次读到问题，我会说，答案是最好的方法。 –

停止调整大小的div容器

回答

相关问题