Javascript 将HTML布局缩放到屏幕大小

您能告诉我如何用屏幕分辨率自动修复HTML布局吗？例如，我正在以1024×768像素的屏幕分辨率编写HTML。如果我切换到800×600像素，我希望我的HTML窗口自动更改以修复屏幕

---

我该怎么做呢？

您不必使用javascript。 只需在CSS文件中将元素（div、table等）的宽度设置为100%。 然后它将根据视口的宽度进行相应调整。 （同样的情况也适用于高度）

你的内容
分区全宽{
宽度：100%；
身高：100%；
背景色：#CCC；
}

如果您指的是实际的浏览器窗口，Javascript有screen.width和screen.height，返回当前分辨率；看见在特定的网页上，您可以设置脚本在计时器上运行，以检查这些值是否已更改，并调整窗口大小（如果已更改）。不过，这似乎是一项特殊的成就——屏幕分辨率很少改变，您必须在包含此JS脚本的特定页面上才能工作。还要注意的是，“宽度”和“高度”属性没有注意工具栏的位置，因此窗口可能会消失在工具栏后面。这也是一种不好的行为，因为自动最大化覆盖了用户可能喜欢的内容。

您的问题很模糊，因此我尝试提供一些可能与您的问题相关的示例

如果需要使用JavaScript获取浏览器窗口的大小，以下是一个示例：

function getClientSize() {
  var width = 0, height = 0;

  if(typeof(window.innerWidth) == 'number') {
        width = window.innerWidth;
        height = window.innerHeight;
  } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        width = document.documentElement.clientWidth;
        height = document.documentElement.clientHeight;
  } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        width = document.body.clientWidth;
        height = document.body.clientHeight;
  }

  return {width: width, height: height};
}

要以编程方式检测浏览器窗口的大小调整，请将侦听器附加到window.onresize事件。请注意，下面的简化示例并不关心是否已经连接了侦听器（根据需要使用addEventListener/attachEvent）：

通过HTML窗口，我假设您谈论的是HTML内容，而不是浏览器窗口

如果是这种情况，您要执行的关键字是

液体/液体/弹性设计

---

您可能想在网站上阅读，或者。

我不确定我是否理解这个问题。你是在问如何让浏览器自动调整窗口大小以适应最大屏幕分辨率吗？这很奇怪，它不适合我更宽的显示器（这正是我所期望的）。。它只是修成更小的？

function getClientSize() {
  var width = 0, height = 0;

  if(typeof(window.innerWidth) == 'number') {
        width = window.innerWidth;
        height = window.innerHeight;
  } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        width = document.documentElement.clientWidth;
        height = document.documentElement.clientHeight;
  } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        width = document.body.clientWidth;
        height = document.body.clientHeight;
  }

  return {width: width, height: height};
}

window.onresize = function() {
    var size = getClientSize();
    alert("Width: " + size.width + ", Height: " + size.height);
}