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

我是一个学习开发网站的新手。到目前为止，我只是在制作页面，没有考虑屏幕分辨率。由于我一直在做一些研究，我发现每个人都说要保持900像素左右的宽度

---

今天的显示器和屏幕看起来有点小。这是我做得太多了，还是我应该遵守某种屏幕分辨率规则，还是什么都不做？

如果你只打算让桌面用户浏览你的网站，900像素可能会有点小，你可以很容易地选择1024像素x 768像素或更高的屏幕分辨率，而不会产生任何或最小的后果

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

这就是说，您可以利用

@media querys

等功能，根据用户的屏幕大小为其提供不同的样式表，因此，具有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)"/>

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

就我个人而言，我是一个固定宽度中心布局的爱好者，它允许轻松设计，并允许一定的流动性。对我来说，这种方法的好处是，长行文本很难阅读（这大概是为什么文章中会出现这种方法的变体）

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

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

绝对不行

---

一个窗口系统的整体思想是让多个窗口同时可见。如果你的网站需要我一半以上的屏幕，我就不麻烦了。

我为许多媒体机构工作，他们喜欢在设计中使用三分之一的规则，所以他们倾向于使用960像素的网格系统。您可以在中阅读更多内容

它流动性更好，允许后来的用户无需滚动即可查看您的完整站点。。也就是说，你的目标是什么？该群体的使用统计数据是什么

---

不要针对任何一种解决方案，制作一个可以使用任何解决方案的页面（在合理范围内）。关键词：“你可以很容易地选择1024px”你可能想澄清一下，这意味着标准的1024x800分辨率，因为网站必须比这个小。@Yi，是的。这是真的=）我有时会忘记其他人不同意我的假设……哎呀。现在我只是在做有趣的页面，还没有项目。我做了一些简单的东西，但他们都是不同的网页。谢谢你的linksno问题。你看到的许多主要网站都遵循三分原则，因为这是展示你信息的最佳方式。眼睛可以快速处理更多的物品，看起来更吸引人。有一项关于它的研究，但我找不到链接。对不起。@Drewdin，有一篇关于三分法的文章，我相信三分法也是“神圣比例”。