停止調整大小的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容器

回答

相關問題