保持根格中心网页时，窗口大小改变

请参考下面的代码保持根格中心网页时，窗口大小改变

<div id="root"> 
<div id="child1">xxxx</div> 
<div id="child2">yyyy</div> 
</div>

CSS：

#root 
    { 
     width:86% 
     margin:0 auto; 
    } 
    #root div 
    { 
     width: 50%; 
     float:left; 
     border: 1px solid red; 
    }

其将围绕“根”分区中心page.but一些分辨率不对齐（即中心）

所以我检查javascript/jquery代码，而不是使用媒体查询（因为我使用iE8浏览器 - 媒体不支持）

<script type"text/javascript"> 

if (window.screen.availWidth >= 1200 && window.screen.availWidth <= 1390 ) { 
$("#root").css("width","92%") 

} 
else 
$("#root").css("width","86%") 
</script>

但是当浏览器窗口调整大小时，div内容未对齐，不居中页面。我怎样才能确保div能够集中所有分辨率以及浏览器窗口的变化？

我不知道需要为每个时间窗口重新设置多少百分比的宽度。

如何解决这个问题。

感谢，

来源

2014-02-24 SivaRajini

试图把它在.resize()方法：

$(window).on('resize', function(){ 
    if ($(this).width() >= 1200 && $(this).width() <= 1390 ) { 
     $("#root").css("width","92%"); 
    }else{ 
     $("#root").css("width","86%"); 
    } 
}).resize();

不知道，但，这可能导致你的问题：

#root 
{ 
    width:86% // <-------here you have a missing ';' 
    margin:0 auto; 
}

来源

2014-02-24 12:53:07 Jai

那个时候我需要设置什么宽度我不知道？我知道窗口调整大小的方法没有意识到宽度的百分比 – SivaRajini

看到“宽度的百分比”是以像素计算，所以你要做的，我的意思是，如果我们用css meadia查询那里，我们必须去设备宽度像上面提到的那样，'px'更适合js中的条件。 – Jai

92％和86％只是在通过开发人员工具对齐内容之后给出一些手动值，但是当窗口调整大小时，如何知道我需要设置为居中的确切宽度？ – SivaRajini

没有，需要使用任何script保持居中，这也是由CSS完成的：

这是DEMO

来源

2014-02-24 13:18:17

保持根格中心网页时，窗口大小改变

回答

相关问题