根据用户的屏幕大小设置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宽度

回答

相关问题