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

Question

我是一名学习开发网站的菜鸟。到目前为止，我只是在制作页面而不考虑屏幕分辨率。因为我一直在做一些研究，所以我看到每个人都说要保持 900 像素左右的宽度。

今天的监视器和屏幕看起来有点小。我是不是在这方面做得太多了，还是应该遵守某种类型的屏幕分辨率规则，或者什么都不遵守？

Answer 1

如果您只计划让桌面用户查看您的网站，900 像素可能有点小，您可以轻松地选择 1024 像素 x 768 像素或更大的屏幕分辨率，而不会产生或影响很小的影响.

另一方面，如果您计划让那些在上网本或手机上冲浪的人可以使用您的网站，那么他们可能需要大量滚动。这在最好的时候是令人恼火的。

就是说，您可以利用 @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)"/>

然后使用这些样式表中的每一个来根据屏幕尺寸提供可能的样式表，以向用户提供最佳 View 。

就我个人而言，我是固定宽度居中布局的粉丝，它可以简化设计并允许一定的流动性。对我来说，这种方法的好处是长行文本难以阅读(大概也是为什么 A List Apart 在其文章中采用这种方法的变体)。

我认为，如果您设计一个对自己有用的站点，将窗口最大化，然后以不同的大小显示，那么您最多应该得到一些看起来不错的东西。但请记住，随着屏幕尺寸变大，正确处理空白成为必要。

值得注意的是，当您针对特定的水平分辨率进行设计时，您必须考虑浏览器的镶边(例如屏幕边框和滚动条。我认为滚动条通常约为 40 像素，如果我没记错)。这似乎是背后的责任 960 Grid的使用 960 水平像素，不仅它可以分为列，而且还允许(普通)用户的浏览器有一个滚动条而不会导致溢出和一个水平滚动条。