CSS 宽度浏览器特定方式

css width browser specific way

本文关键字：方式 浏览器 CSS      更新时间：2023-09-26

我正在尝试修复身体内部的元素，即使它们被最小化。我将体宽设置为

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

width:auto

最小化浏览器后，元素会错位。有什么方法可以为浏览器提供特定的宽度，以便我在屏幕中获得正确的对齐，并且在最小化屏幕时它应该可以工作？

首先将widht更改为width并将width应用于直接子div（body的孩子），并margin使其位于中心，如下所示，

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

我认为使用这种方式，你可以做到。参考：http：//www.templatemonster.com/help/how-to-create-browser-specific-css-rules-styles.html#gref

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):

_:-moz-tree-row(hover), body {
          width:1553px;
    }
相关文章：