我应该为特定的屏幕分辨率设计网页吗?

我为许多媒体机构工作,他们更喜欢三分之一的规则,所以他们倾向于坚持960像素的网格系统。你可以看更多的 Optimal width for 1024 pixels resolution? .

http://www.w3schools.com/browsers/browsers_display.asp

另一方面,如果你打算让你的网站对那些在网络或手机上冲浪的人有用,但是,他们可能需要大量的滚动。这在最好的时候是令人恼火的。

@media queries 为了根据用户的屏幕大小为其提供不同的样式表,因此具有Eyefinity>3000像素屏幕的桌面用户将获得与通过iPhone冲浪的用户不同的外观。

<link rel="stylesheet" href="ridiculousDesktopScreen.css" media="only screen and (max-device width:3000)"/>
<link rel="stylesheet" href="largerDesktopScreen.css" media="only screen and (max-device width:1280)"/>
<link rel="stylesheet" href="normalDesktopScreen.css" media="only screen and (max-device width:1024px)"/>
<link rel="stylesheet" href="mobileStylesheet.css" media="only screen and (max-device width:480px)"/>

然后根据屏幕大小,使用这些样式表中的每一个为用户提供最佳视图。

A List Apart

我认为,如果你设计一个网站,使自己的窗口最大化,然后在不同的大小,你应该以一些看起来最好的东西结束。但请记住,随着屏幕尺寸越来越大,适当地处理空白区域成为一种必要。

960 Grid 它使用了960个水平像素,不仅可以分割成列,而且还允许(普通)用户的浏览器有一个滚动条,而不会导致溢出和水平滚动条。

一个窗口系统的整体思想是让多个窗口同时可见。如果你的网站需要我一半以上的屏幕,我不会费心的。