Language agnostic 如何开发1024x768分辨率?

Language agnostic 如何开发1024x768分辨率?,language-agnostic,Language Agnostic,大家好,我希望我问的问题是在正确的地方,如果不是,我会提前道歉。我对制作网站完全是新手,而且仍处于学习过程中。我的问题不是任何特定的编码,但我想知道的是,我应该遵循什么样的一般准则来使站点适合1024x768分辨率?例如,使用百分比而不是像素。我目前正在研制一款分辨率为1440x900的15英寸macbook pro,以备参考。我希望这不是一个完全模糊的问题,并提前感谢您的帮助。Google around的“960设计”:如果您将网站内容宽度设置为960像素,这将非常适合1024x768屏幕分辨

大家好,我希望我问的问题是在正确的地方,如果不是,我会提前道歉。我对制作网站完全是新手,而且仍处于学习过程中。我的问题不是任何特定的编码,但我想知道的是,我应该遵循什么样的一般准则来使站点适合1024x768分辨率?例如,使用百分比而不是像素。我目前正在研制一款分辨率为1440x900的15英寸macbook pro,以备参考。我希望这不是一个完全模糊的问题,并提前感谢您的帮助。

Google around的“960设计”:如果您将网站内容宽度设置为960像素,这将非常适合1024x768屏幕分辨率,您并不孤单


当然,另一种选择是通常使用“流体”布局,在任何分辨率下,网站都会很好看。

这在很大程度上取决于你想要创建的网站类型。当你在学习的时候,最好的方法是看看其他的网站,这些网站的外观和感觉与你想要达到的目标相似,并且看看他们的CSS。不要直接复制他们的CSS,而是尝试理解他们是如何实现设计的不同部分的

但是,一般来说,由于您选择流体布局路线(对于通用站点IMO来说,最好的方法是提供宽度等的相对值,然后再提供宽度等的最小/最大值的绝对值。例如,对于设计中的某些容器分区,您可能会有如下内容:

div.contentbox
{
   width:80%;
   min-width:800px;
   max-width:1280px;
}
您可能需要查看浮动div以确保它们与不同浏览器大小的边缘对齐,您可能需要查看使用
margin:auto
保持事物居中


在不同的浏览器大小下,你通常会通过很多技巧来保持网站的外观一致。对你来说,最好的办法是开始制作,当你遇到特定问题时,用谷歌搜索它(过去肯定有人遇到过类似的问题),如果你一无所获或需要更多帮助,请在这里提问。

最好将你的问题改述为“你如何为1024x768开发”或“我如何使网站在1024x768和1920x1200之间上下伸缩”谢谢,我认为流体布局听起来最吸引人,因为我也想适应更大的尺寸。非常感谢您的帮助,非常有用的信息。