我正在尝试优化我的网站以获得不同的分辨率。在网站的中心，我有一个DIV，目前有一个固定的大小。我试图根据浏览器窗口的大小来改变其大小（和内容）。我怎么做？这是我的网站，如果你想看看它的代码：如果你想该网站将调整基于 http://www.briefeditions.com 基于窗口大小动态调整div div

来源

2012-07-13 Johanna A

[JQUERY：Resize div to window width]可能的重复（http://stackoverflow.com/questions/8095554/jquery-resize-div-to-window-width） – kamaci 2012-07-13 05:53:10

任何不使用CSS width属性的原因％？ – kiranvj 2012-07-13 05:56:50

你可以这样做

var width = $(window).width(); 
$("#divId").width(width);

来源

2012-07-13 05:36:37 muthu

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
$(document).ready(function(){ 
     var windowHeight = $(window).height(); 
     $('#divID').css('min-height',windowHeight+'px'); 
});

UPDATE

在浏览器调整大小然后使用％而不是px

CSS：

html {height:100%; overflow:hidden} 
body {height: 100%;}

来源

2012-07-13 05:41:17 HADI

如果您调整页面大小的股利将与它在页面的负载调整。

$(window).on('load resize', function(){ 
    $('#div').width($(this).width()); 
});

来源

2012-07-13 05:41:21

我想你需要屏幕宽度和高度客户端（用户）机器。

在页面中获取屏幕宽度&高度的onload事件，并设置这些值使用到的div的jQuery/JavaScript的

var userscreen_width,userscreen_height; 
userscreen_width = screen.width; 
userscreen_height = screen.height;

check this for more info

来源

2012-07-13 05:49:07 Parag

请记住，在你的榜样iframe中也有固定的大小。您还应该将其调整为父母的宽度。在您的例子，这会工作：

$(window).on('load resize', function(){ 
    $('#content, #content > iframe').width($(this).width()); 
});

请记住，你必须删除所有的利润，以及绝对定位，如：从您元素的样式绝对的：顶部，左侧位置。

来源

2012-07-13 05:50:39

我检查了提供的链接中的代码。

在＃内容样式中将宽度更改为80％。并在.wrapper更改宽度为100％。

您主要使用宽度为920px，所以无论何时调整窗口大小，控件都不会重新调整大小。使用等值％而不是920px;

来源

2012-07-13 05:53:33 Narendra

基于窗口大小动态调整div div

回答

UPDATE

CSS：

相关问题