Html 如何将网页宽度（以像素为单位）缩放到任意屏幕大小？

我正在尝试创建一个固定宽度（970像素）的网站，并希望确保它可以调整到任何潜在的用户屏幕大小，但浏览器会继续显示它，以及由我的总屏幕宽度创建的边距。

您不应该设置宽度。默认情况下，页面内容将展开以填充整个屏幕

如果您需要找到元素的实际宽度，您可以随时找到它。如果您使用的是jQuery，那么

var width = $("#my-element").width()

---

如果你明白你的意思，听起来你的利润设置不正确。

---

要使内容居中，您需要代码如下所示：

如果您试图使页面宽度达到100%，请查看本文：

如果您试图将固定宽度的内容集中在任何页面宽度上，只需使用：

margin: 0px auto;

---

你所追求的不是一个流动的布局，而是一个“弹性”布局，附带一个“自动拉伸”脚本

要使其发挥作用，有几个步骤：

• 使用ems为尺寸（而不是像素尺寸）创建布局。这可以使布局“可伸缩”，同时保持其比例正确
• 将缩放值作为百分比应用于
  元素。此默认设置很有用，因为它在几乎所有浏览器中都将1em设置为10px：

  body {font-size:62.5%;}
  

  这意味着您的布局的宽度为

  97em

• 使用javascript检测用户页面的宽度，并调整主体上的缩放值以更改“缩放”以适应页面。您可能希望在加载页面时以及在调整浏览器大小时至少运行一次

---

弹性布局有一个很好的起点：

这里不清楚你在问什么。我不明白你说的“固定宽度”和“调整到任何屏幕大小”是什么意思。。。你的意思是想让970px宽的布局“放大”以填满屏幕吗？或者你想让版面保持970px的宽度，不管屏幕大小如何？是的，我更希望屏幕的宽度能填满屏幕，而不管屏幕大小。你的意思是你想让网站的宽度固定在

970px

，但你想让浏览器以某种方式“放大”吗这样所有内容都可以缩放以适应浏览器宽度？