Question

我是一名学习开发网站的新手。到目前为止，我一直在制作页面而不考虑屏幕分辨率。正如我一直在做一些研究，我发现每个人都说要保持900像素宽。

今天的显示器和屏幕尺寸似乎有点小。我是做了太多的这个还是我应该坚持某种类型的屏幕分辨率规则还是什么都没有？

Answer 1

如果您只是计划在桌面用户上查看您的网站，那么900像素可能会有点小，您可以轻松地获得1024像素x 768像素或更高的屏幕分辨率，但不会产生任何影响

另一方面，如果您计划将您的网站用于在nettop或手机上冲浪的网站，则可能需要大量滚动。在最好的时候，这是令人恼火的。

也就是说，您可以利用@media queries之类的功能根据用户的屏幕尺寸为用户提供不同的样式表，因此桌面用户的Eyefinity＆gt;对于通过iPhone浏览的用户，3000像素显示将获得不同的外观。

举个例子：

<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在其文章中改变了这种方法。

我认为，如果你设计一个对你自己有用的网站，最大化的窗口，然后是不同的大小，你应该最终得到一些看起来很好的东西。但请记住，随着屏幕尺寸的增大，正确处理空白区域变得必不可少。

值得注意的是，当你设计一个特定的水平分辨率时，你必须考虑浏览器的chrome（屏幕边框和滚动条之类的东西。我认为滚动条通常约为40像素，如果我没记错的。）这似乎是960 Grid使用960水平像素的责任，它不仅可以分割成列，而且还允许（普通）用户的浏览器有一个滚动条而不会导致溢出还有一个水平滚动条。

Answer 2

绝对不是。

窗口系统的整个想法是同时可以看到几个窗口。如果您的网站需要超过我的一半屏幕，我将不会为此烦恼。

Answer 3

我为许多媒体代理商工作，他们更喜欢设计中的三分法规则，因此他们倾向于坚持使用960像素的网格系统。您可以在 Optimal width for 1024 pixels resolution? 中阅读更多内容。

流量更好，允许后期采用者在不滚动的情况下查看完整的网站。那就是说，你的目标是什么，该组的使用统计数据是什么？

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

我应该设计我的网页以获得特定的屏幕分辨率吗？

3 个答案: