你如何开发1024x768分辨率？

Question

嘿大家，我希望我能在正确的地方提出这个问题，如果不是，我会事先道歉。我对制作网站完全不熟悉，而且我仍然处于学习的过程中。我的问题不是具体的编码，但我想知道的是，为了使网站适合1024x768分辨率，我应遵循的一般准则是什么？例如，以百分比而不是像素工作。我目前正在以1440x900分辨率制作15英寸macbook pro，以供参考。我希望这不是一个完全模糊的问题，并提前感谢你的帮助。

Answer 1

这在很大程度上取决于您想要制作的网站类型。在学习时，最好的方法是查看其他看起来和感觉类似于您想要实现的内容的网站，并查看他们的CSS。不要直接复制他们的CSS，而是试着理解他们如何实现设计的不同部分。

一般情况下，由于您要使用流体布局路径（通用网站IMO的最佳方式），因此要为宽度等提供相对值，然后使用绝对值为宽度的最小值/最大值等。例如，对于设计中的某个容器div，您可能会有以下内容：

div.contentbox
{
   width:80%;
   min-width:800px;
   max-width:1280px;
}

您可能需要查看浮动div以确保它们与不同浏览器尺寸的边缘保持对齐，您可能希望使用margin:auto来保持对中的位置。

为了让网站在不同的浏览器尺寸中保持 same-ish ，您通常会遇到许多技巧。对你来说最好的事情是开始制作它，并且当你遇到特定问题时，谷歌（某人过去肯定会面临类似的问题），如果你无处可去或需要多一点帮助，请问这里。

Answer 2

Google围绕“960设计”：如果您将网站内容宽度修改为960像素，那么您并不孤单，这将非常适合1024x768的屏幕分辨率。

另一种选择当然是通常使用“流畅”布局，其中网站在任何分辨率上看起来都不错。