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

Question

我有一个分区

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

我希望 CSS left 值是 left: 50% for Browser-widths >1000px and left: 500px for browser <1000px

的宽度

我知道这可以通过媒体查询轻松完成，但它们有问题并且不适用于 IE8。

有人可以用 javascript 做到这一点吗？谢谢

Answer 1

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

适用于兼容 CSS3 的浏览器，自动更新，无需 window.onresize 或类似代码……甚至任何代码。