Question

我的显示器上有一个分辨率宽度为1200的客户端，我需要最大化我的网站宽度，但我不希望客户端必须使用水平滚动条。你可以在IE 7的网站中使用的最大宽度是多少，屏幕分辨率为1200，而不需要使用水平滚动条（其他用户的宽度更大，所有用户必须具有相同的宽度）？

额外信息 - 网站已经构建，不能使用100％的宽度，因为这会在非文本网站中产生不良后果。是的，分辨率宽度为1200（客户端有一个1920 X 1200分辨率的显示器，侧面设置）。

操作系统是Vista，而且客户端是政府，他至少要到2010年才能拥有Vista，并且不能改变他的主题/浏览器等。

Answer 1

你真的问了两个问题。要回答标题问题：

20px（IE7，Windows XP，默认主题）

其他人在回答真正的问题方面做得很好。

Answer 2

怎么样：

body{
  width:100%;
}

我的意思是，让用户根据自己的需要调整浏览器大小，让内容适合他们的屏幕。

<强> 更新

正如用户在下面提到的那样，有时100％有点太多......对于那些情况，我强烈推荐这个article＆amp; demo由Cameron Adams（The Man In Blue）应用流体布局，重新排列内容/ CSS基于浏览器的宽度。

Answer 3

简单，最大宽度为100％。

说真的，你有什么理由可以设计一个单人电脑规模的网站？他们买新电脑会发生什么？

我将任何固定宽度的网站设计为大约900-1000像素并居中。这是大多数网站采用的一般方法，我强烈建议不要偏离它，除非您的设计能够使用百分比宽度。如果您按照这些条款对其进行解释并向他们展示遵循此行为的数千个热门网站中的任何一个，您的客户将会理解。

Answer 4

只是不要硬编码任何像素宽度？

Answer 5

你似乎不太可能将它降低到确切的像素;由于用户可以更改其Windows主题，因此右侧滚动条的宽度可能会有所不同。

我见过的大多数网站都允许他们的网站使用CSS“浮动”到页面的宽度。

Answer 6

如果您不想将css中的主体宽度设置为100％，则将其设置为约95％。这仍然允许页面扩展/收缩到最终用户所需的宽度，只有400宽度而没有水平滚动。

以下公式适用于您，无论您将其用于最小或最大页面宽度。

$safe_PgWidth_Percentage = (1 - (20/$minPageWidth));

虽然受限制环境中的用户可能无法更改其操作系统，浏览器等，但我无法想象他们无法抓住浏览器窗口的角落并通过拖动来缩小或放大它。

这是你评论员的观点。将身体编码为百分比，实际上尽可能接近100％，处理可用性问题，包括修复水平滚动困境。