根据浏览器大小对元素进行定位

Positining elements according to browser size

本文关键字：元素 定位 浏览器      更新时间：2024-01-17

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

我的宽度和高度计算：

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

希望这将帮助您：媒体查询CSS

读一读这些，它是我用来在手机、平板电脑和台式机之间显示和控制内容的。

它非常方便使用。

使用onresize事件来重新调整gui。

function resize() {
  // do something here
}
window.onresize = resize;
相关文章：