根据浏览器大小定位元素

时间:2012-07-24 09:49:15

标签: javascript html css

我有一个关于在屏幕上定位元素的问题。当我启动程序时,它会计算浏览器的宽度和高度的一半。我只在开始时这样做。所以我的水平卷轴位于中心,但是当我在程序运行期间更改浏览器大小时,当然它不会站在中心位置。我怎么能这样做?

我的宽度和高度计算:

  function GetWidth()
{
      var x = 0;
      if (self.innerHeight)
      {
              x = self.innerWidth;
      }
      else if (document.documentElement && document.documentElement.clientHeight)
      {
              x = document.documentElement.clientWidth;
      }
      else if (document.body)
      {
              x = document.body.clientWidth;
      }
      return x;
}
function GetHeight()
{
      var y = 0;
      if (self.innerHeight)
      {
              y = self.innerHeight;
      }
      else if (document.documentElement && document.documentElement.clientHeight)
      {
              y = document.documentElement.clientHeight;
      }
      else if (document.body)
      {
              y = document.body.clientHeight;
      }
      return y;
}

2 个答案:

答案 0 :(得分:1)

希望这会对你有所帮助:Media Queries CSS

阅读有关这些内容,以及我用于在手机,平板电脑和台式机之间显示和控制内容的内容。

非常易用且易于使用。

答案 1 :(得分:1)

使用onresize-event重新调整你的gui。

function resize() {
  // do something here
}

window.onresize = resize;