Javascript根据浏览器大小将CSS值从px更改为%

Question

我有一个div

#footer_container {
  position: fixed;
  width: 540px;
  height: 45px;
  margin-left: -270px
}

我希望CSS left值为left: 50%浏览器宽度> 1000px,left: 500px浏览器宽度<1000px

我知道这可以很容易地通过媒体查询完成,但它们是有问题的,不适用于IE8.

有人可以用javascript做这个吗？谢谢

Answer 1

#footer_container {
    ...
    left: 500px;
}
@media all and (min-width: 1000px) {
    #footer_container {left: 50%;}
}

与CSS3兼容的浏览器一起使用,自动更新,不需要window.onresize或类似的代码......或任何代码.