css - IE9 在显示设置为 125% 时向元素添加行内宽度

Question

出于某种原因，当用户从控制面板将其显示设置为 125% 时，IE9 将向元素添加额外的内联宽度，如下所示:

<div class="container" id="main" style="width: 1500px">
<!-- Code goes here-->
</div>

上面的内联样式(带宽度)是IE9添加的。 IE8没有这个问题，肯定是Windows显示设置为125%触发的。 Chrome 和 Firefox 也可以在没有额外样式的情况下正确显示内容。不要假设有人对此有解决方法或修复方法吗？无法控制用户的设置，但我看到其他网站可以正确呈现。

Answer 1

好的，所以我用条件注释和一点 jQuery 解决了这个问题:

<!--[if IE 9]>
  <script type="text/javascript">
      window.onload = function () {
        if ( $('#main').attr('style') !== 'undefined' ) {
          $('#main').removeAttr('style');
        }
      }
  </script>
<![endif]-->

基本上，它会检查 IE 是否在有问题的元素上放置了“style”属性，如果是，它会删除该属性。