我是一名网络开发人员... 12年了,其中很多都是业余爱好者,最新的5人是专业人士。但我仍然无法理解以下问题,这可能是一个非常愚蠢的问题,特别是来自我,但是:
为什么我们仍然在维度上使用像素?
大约两到三年前,我看到了新的HiDPI屏幕的曙光,比如iPhone 4.我真的很想知道这会如何影响我们的网页设计和网络开发。我在一家广告公司工作,并且比普通的关于印刷的webdever知道的更多(例如,在纸上打印或其他物理内容)。当我在想我们下一步的地方时,我正在思考印刷品的问题;它们不依赖于像素(或点使用正确的术语)的大小,这绝对是愚蠢的。因为,如果将文档发送到打印机,则在开始设计文档之前,需要知道该设备的DPI。这就是为什么他们使用度量(或帝国或其他)尺寸然后只是希望他们最终会支持多高的DPI。 (300 DPI是相当标准的最大值)
所以,我对上述问题(两年前)的回答是:我们可能会为设备使用指标或其他非像素相关的测量系统。因为我们会有很多具有很多不同DPI的设备。这几乎是我们确保设备能够显示网站的唯一方式。
现在,两年后,我们一直在使用其他一些解决方案。对于各种各样的屏幕设置来说,仍然感觉更像是变通方法。
我对指标系统的期望是否错误?有什么我忽视的东西会让这个解决方案变得不可能吗?有没有一个真正的逻辑解决方案,我已经忽略了?
答案 0 :(得分:4)
像素是屏幕的固定格式,如您所知,所有可视的网络设备都通过屏幕(显示器,平板电脑,手机等)。正如您所说,DPI和PPI是非常不同的东西,但由于我们的屏幕不关心点,所以它的工作原理。
但是,它不会缩放为(例如字体)%和“em”的位置。
为了进一步解释px及其固定大小,这里是W3.org页面的一个小引用:
为了了解px的外观,想象一下20世纪90年代的CRT计算机显示器:它可以显示的最小点大小为1/100英寸(0.25毫米)或更多。 px单元的名称来自那些屏幕像素。
现在有些设备原则上可以显示较小的尖点(尽管您可能需要放大镜才能看到它们)。但是,无论设备是什么,上个世纪在CSS中使用px的文档看起来都是一样的。特别是打印机可以显示比1px小得多的细节线条,但即使在打印机上,1px线条看起来与计算机显示器上看起来非常相似。设备更改,但px始终具有相同的视觉外观。
现在,关键在于它取决于您对布局的要求 - 我们有%,px,pt,em(等),我们可以选择使用这些工具(或不使用)来完成手头的任务。许多人不会使用根据设备重新调整的方法(我们对此进行自动检测),而对于其他人则非常适合。
对于我来说,任何缩放的问题都是在整个设计中相对难以扩展...在更高或更低分辨率的浏览器中,您的文本可能出现在一行上或需要包裹多行。如果这是至关重要的,那么使用像素来修复它。
这也是为什么这么多网站都集中在一起的原因(包括这个网站)。它给出了整个屏幕的错觉,但事实并非如此 - 左右边缘有白色空间,无关紧要 - 内容清晰,设计师可以控制。
我无法计算我的客户请求缩放(违反我的建议)多少次然后遇到布局问题 - 您可以猜测我对此很感兴趣。
然而,最酷的是同时使用两者 - 将固定的像素尺寸作为包装物和内部使用%或类似物 - 这再次提供流动性的错觉而不会失去太多控制。
我不认为你的问题会得到直接的答案,因为我会害怕这是非常舆论。