所以我正在制作这个内容非常少的个人网站，如果我使用标准的 960 像素宽度，会有非常宽的空白区域。有一个较短的宽度会很好，但随后会出现其他问题，例如其他分辨率的视图不佳。你有什么建议？
问问题
357 次
5 回答
2
为了适应任何屏幕分辨率并使您的网站在任何尺寸下看起来都不错，我建议使用媒体查询进行响应式设计。您可以在此处阅读该主题。
这样，您可以为浏览器窗口大于该窗口的访问者使用 960px 宽度，然后为使用移动设备等的访问者优雅地调整网站大小。
但是，不要太拘泥于 960px 宽度，这不是标准，而只是一种通常效果很好的格式，因为 960 是一个很容易划分（制作列）的数字，并且宽度低于静止很常见的1024px分辨率。
于 2012-07-13T08:57:48.667 回答
1
您可以尝试媒体查询，像这样
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px) href="shetland.css" />
于 2012-07-13T09:00:21.570 回答
1
您应该开始考虑使用 CSS3 媒体查询构建响应式网站。
我推荐 Skeleton CSS 框架（链接），非常简单和轻量级。
于 2012-07-13T10:14:20.180 回答
0
这取决于您的网页。并且有一些尺寸标准。
检查这个： http: //www.hobo-web.co.uk/best-screen-size/
于 2012-07-13T08:57:13.973 回答
0
对每一层使用“位置=相对”！！！这将消除您的宽度修改问题
于 2012-07-13T09:02:55.880 回答