对网页宽度设计的问题应如何讨论？
写于 2009年04月07日 11:21 评论(10)
在网页多宽才合适这个话题上，白鸦一开始就抛出了650这样一个数字。后来我在 GR 里面分享的时候写：【其实 650 是不准确的...或者说不够严谨。与显示器尺寸、DPI 有关。用字数也不行，与字的大小也有关。】
关于这个严谨不严谨的问题，后来在 Gtalk 上与鸦又更详细的讨论了一番。分享知识，整理如下。
1、Web 排版设计上，没有一个单位（指CSS长度单位）是可靠的。哪怕在CSS中理想化的分成了相对长度单位和绝对长度单位。所有单位（非像素单位通过 DPI，或者更准确的说是 PPI）均被转化为像素。像素为什么不可靠？14.1寸4:3显示器，1024分辨率下每 100 像素物理宽度约为 27.98mm，1400分辨率下每 100 像素物理宽度约为 20.47mm。这里的实际宽度指的是用尺子量出来的宽度。
2、讨论这个话题的时候，应该从视角、视距（眼睛与显示屏的距离）出发，得出最佳物理宽度。然后再从用户群的显示器尺寸和分辨率设定上，去换算为像素。但是，在这个显示器尺寸、分辨率百花齐放的年代，用物理宽度是最佳的。
3、人因工程上说人眼专注阅读的视角是 25 度（约为正常视角的 1/5），距离显示器 45-50cm。通过计算可以得到物理宽度为 19.95cm-22.17cm。约等于一把尺子的长度。于是再换算到显示器上（仍按 17 寸 1024×768 分辨率，横向物理宽度是 34.544cm），就可以得到 591-657px 这个数字。取整之后，可以认为是590-660px 这个区间。但前提仍然是 17 寸 1024×768 分辨率。
最后，还有字号大小的问题，这个比较难，因为需要考虑到在 45-50cm 这个视距下，最佳的笔画物理粗细。
另外提醒下这里讨论的是专注阅读的内容宽度。扫视又是另外一种情况，但应当也可以用人因工程（Human Factors）来解释。
PS. 以前常用每100像素物理宽度为多少来面试设计师。
J.
原文地址：http://www.junchenwu.com/2009/04/the_width_of_page_content.html
评论(10)
貌似是2.8CM
@bigCat 你的域名很赞。
我想说你的面试题还真变态～哈哈。。。
不明白72，96，2.54 这些数字岂不是。
@子条 不一定要明白啊，首先在Web设计领域，像素是很重要的概念，不能连像素都不知道。其次，在视觉设计中对长度的把握、感觉也很重要（就像好的车手对车的宽度有感性、理性认识一样）。如果能说出各显示器100像素物理宽度不同，能说出跟显示器尺寸、分辨率设定有关，就更好了。
可以在网上做个问卷看多少设计师能回答这个问题，呵。
仅按液晶显示，受终端设备的影响100像素的物理宽度至少超过5种答案
我觉得应该按照屏幕大小设置百分比。
前提是有证据证明？%多少是最舒适的浏览宽度，然后根据人们屏幕宽度的不同，自动调整适应~
我显示器设置的是800，600分辨率，不能正常显示你的网页
我其实是说不准确的，但如果面试提问，我会回答他，这个事根据显示器的实际大小，和分辨率的大小来确定的，至于确定的值我确实很难准确回答，哈哈
阅读的时候我直接按照了1024分辨率的数值进行了计算
34.544cm=345.44mm
除以 27.98mm(1024下100像素物理宽度)
等于12.34596
乘以100px=1234.596px
没有得到650px的答案。
于是我又仔细看了一下 原来是14.1寸4:3显示器，1024分辨率下每 100 像素物理宽度约为 27.98mm
而17 寸 1024×768 分辨率，横向物理宽度是 34.544cm。
由上文我没有找到17寸的100像素的宽度所以才出了这个错误
到底是怎么算的呢，求解