网页分辨率是一个大问题。许多教授网页设计的网站都写过它,并且根据你的信仰,你应该设计最低公分母(640x480),最常见分辨率(800x600)或最前沿(1280x1024或1024x768)的页面。但事实是,您应该为访问它的客户设计您的网站。
关于屏幕分辨率的事实
- 640x480还没死
- 虽然640x480不像以前那么常见,但这个分辨率仍然存在。较旧的计算机,具有较小屏幕的笔记本电脑,上网本和需要较大字体的人都使用此分辨率。即使您选择不将页面设计为此分辨率,也应按此分辨率测试您的网站。
- 800x600很常见
- 许多网站设计指南建议设计800x600分辨率的网站。虽然此解决方案在网络上更为常见,但对于您的客户而言可能并非如此。如果您计划重新设计网站,请花几周时间分析浏览器统计信息,以确定最常用的分辨率 您的 顾客。
- 1024x768更常见
- 屏幕越来越大,1024x768是另一种流行的设计尺寸,因为许多设计师都有支持这种原生的显示器。但是对于很多人来说,这个解决方案相当难以阅读。 14英寸笔记本电脑显示器可能支持1024x768,但文本几乎不可读。笔记本电脑非常受欢迎。
- 1280x1024及更大版本不太常见
- 大多数情况下,你会在台式电脑或高端笔记本电脑上看到这些更大的分辨率。但通常在这些较大的尺寸下,客户不会全屏浏览。因此,设计一个宽度超过1000像素的网站将在大多数屏幕上产生水平滚动条。
牢记这些决议花絮
- 并非所有人都能最大化浏览器
- 如果您确定客户以1024x768浏览,则可能正在构建需要水平滚动的页面。为什么?因为在他们浏览该分辨率时,他们没有最大化他们的浏览器窗口,因此800x600可能更适合他们的浏览器窗口。
- 不要忘记浏览器chrome(不是Google Chrome浏览器)
- 浏览器在右侧和左侧减去多达50个像素,在顶部和底部减去200个像素,用于滚动条,工具栏和窗口容器等用途。这称为浏览器chrome。因此,如果您创建宽度为800像素的表格,则在800x600分辨率屏幕上具有最大化浏览器的客户将不得不水平滚动。
如何根据分辨率处理屏幕尺寸
-
确定谁查看您的网站: 查看您的Web日志文件,或者发布一个民意调查或脚本来确定您的读者实际使用的分辨率。使用真实的浏览器大小脚本来跟踪您的读者。
-
根据您的客户进行重新设计:当您重新设计网站时,请根据您网站的事实进行构建。不要以“网络”的统计数据或其他网站所说的为基础。如果您构建的网站符合客户使用的分辨率,那么您将会更加满意。
-
以各种分辨率测试您的网站:更改自己的屏幕大小(更改Windows屏幕分辨率或Macintosh屏幕分辨率)或使用测试工具。
-
不要指望您的客户改变: 他们不会。对他们施加限制只会鼓励他们离开。