根据浏览器大小定位元素

Question

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

我的宽度和高度计算：

  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;
}

Answer 1

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

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

非常易用且易于使用。

Answer 2

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

function resize() {
  // do something here
}

window.onresize = resize;