960px 宽度：小型网站呢？答案

【问题标题】：960px width: what about the small websites?960px 宽度：小型网站呢？
【发布时间】：2012-07-15 03:19:24
【问题描述】：

所以我正在制作这个内容非常少的个人网站，如果我使用标准的 960 像素宽度，会有非常宽的空白区域。有一个较短的宽度会很好，但随后会出现其他问题，例如其他分辨率的视图不佳。你有什么建议？

【问题讨论】：

【解决方案1】：

为了适应任何屏幕分辨率并让您的网站在任何尺寸下看起来都不错，我建议使用媒体查询进行响应式设计。您可以阅读主题here。

这样，您可以为浏览器窗口大于该窗口的访问者使用 960px 宽度，然后为使用移动设备等的访问者优雅地调整网站大小。

但是，不要太拘泥于 960 像素的宽度，这不是标准，而只是一种通常效果很好的格式，因为 960 是一个很容易除的数字（用于制作列) 并且是低于仍然很常见的 1024 像素分辨率的宽度。

【讨论】：

【解决方案2】：

您可以尝试媒体查询，类似这样的

 <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)  href="shetland.css" />

【讨论】：

【解决方案3】：

您应该开始考虑使用 CSS3 媒体查询构建响应式网站。

我推荐 Skeleton CSS 框架 (link)，非常简单和轻量级。

【讨论】：

【解决方案4】：

这取决于您的网页。并且有一些尺寸标准。

【讨论】：

【解决方案5】：

使用“位置=相对” 每一层！！！这将消除您的宽度修改问题

【讨论】：