根據用戶的屏幕大小設置div寬度

我想設置div的寬度和高度，完全等於我的用戶屏幕的大小。如何做呢。我應該使用jQuery嗎？如果是這樣，怎麼樣？根據用戶的屏幕大小設置div寬度

2011-07-20 Prashant Singh

body, html { /* set size of body to full page and remove margins */ 
    width: 100%; 
    height: 100%; 
    padding: 0; 
    margin: 0; 
} 

div { /* set div to full width and height */ 
    width: 100%; 
    height: 100%; 
}

來源

2011-07-20 13:18:48 pimvdb

通過CSS似乎理想的pimvdb曾建議... jQuery的做這將是聯樣式這將是一個不好的做法可避免，除非必要的。

的jQuery的手段：

var windowWidth = $(window).width(); 
    var windowHeight =$(window).height(); 
    $('div').css({'width':windowWidth ,'height':windowHeight });

編輯部分：

var windowWidth = ((parseInt($(window).width()))/2) - 120;

這樣無論高度和寬度似乎非常適合你，你可以通過這個獲得。

下面

來源

2011-07-20 13:47:54 abhijit

嗯......它工作正常。但是，如果我的div的內容通過ajax更新並且它的高度跨越屏幕寬度 –

絕對需要基於異步參數的jquery，那麼它會有所不同，所以相應的樣式應該在您的動態元素填充後應用。您可以使用以上解決方案通過根據您的需要操縱寬度和高度..我編輯了我的文章。 – abhijit

所以，我需要通過使用jQuery來改變div的高度，每次我做一個ajax請求？ –

是你的問題的一個示例代碼：

var windowWidth = ((parseInt($(window).width()))/2) - 120;

而且，請注意，這個答案讓使用jQuery的。

來源

2013-11-06 04:37:17 user2958974

嗨，歡迎來到Stack overflow！但是這已經被添加爲答案 – Robotnik

根據用戶的屏幕大小設置div寬度

回答

相關問題