css width浏览器的具体方式

时间:2016-02-01 06:49:52

标签: javascript jquery html css

即使它们被最小化,我也试图修复体内的元素。我将体宽设置为

<body style="width:1553px;"> 这个宽度适用于铬,而对于IE,它没有正确对齐。当我给出

width:auto

在最小化浏览器时,元素会错位。有什么方法可以给浏览器特定的宽度,以便我在屏幕上得到正确的对齐,并且当我最小化屏幕时它应该工作?

2 个答案:

答案 0 :(得分:2)

首先将widht更改为width并将width应用于div的直接孩子body的孩子margin以获取它在中心,像

<body>
   <div style="width:1553px;margin:0 auto">
      .....
      .....    
   </div>
</body>

答案 1 :(得分:1)

我觉得用这种方式,你可以做.. 参考:http://www.templatemonster.com/help/how-to-create-browser-specific-css-rules-styles.html#gref

Set
For Internet Explorer (version 10+):
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body {width:1553px;}
}     
For Google Chrome (version 28+):
@supports (-webkit-appearance:none) {
    body {width:1553px;}
}    
For Mozilla Firefox (all versions):