以像素为单位的元素大小，为什么..？

Question

我是一个类似于... 12年的web开发者，其中很多人都是业余爱好者，最新的5人是专业人士。但我仍然无法解决以下问题，这可能是一个非常愚蠢的问题，尤其是来自我的问题，但是：

为什么我们仍然在使用像素来表示维度？

大约两三年前，我看到了新的HiDPI屏幕的曙光，就像iPhone 4一样。我真的很想知道这会如何影响我们的网页设计和网页开发。我在一家广告公司工作，了解更多有关打印的平均webdever（如在纸上打印或其他物理内容）。当我想着我们下一步要去的地方时，我正在考虑用印刷术的方式;它们不依赖像素（或点使用正确的术语）的大小，这将是绝对愚蠢的。因为，如果您将文档发送到打印机，则在开始设计文档之前，您需要知道该设备的DPI。这就是为什么他们使用度量（或皇室或其他）尺寸，然后只是提前预测他们最终会支持多高的DPI。 （300 DPI是一个非常标准的最大值）

所以，我对上述问题（两年前）的回答是：我们可能会对设备使用度量或其他非像素相关的测量系统。因为我们会有很多不同DPI的多种设备。这几乎是我们确保设备能够正常显示网站的唯一方式。

现在，两年后，我们一直在使用其他一些解决方案。对于各种各样的屏幕设置，这仍然更像是解决方法，然后才是真正的解决方案。

我的期望是否对指标体系错误？有没有我忽视的东西会使这个解决方案变得不可能？那么我是否已经有了一个真正合乎逻辑的解决方案？

Answer 1

像素是固定的屏幕格式，正如您所知，所有可用于网络的可见设备都是通过屏幕（显示器，平板电脑，手机等）显示的。正如你所说，DPI和PPI是非常不同的东西，但由于我们的屏幕不关心点，所以它的工作原理。

但是，它不会缩放比例（例如字体）％和“em”。

为了进一步解释PX和它的固定的大小，这里是从这个W3.org页小报价：

为了得到一个像素的外观的想法，想象从上世纪90年代CRT电脑显示器：它可以显示的最小点大约是1/100英寸（0.25毫米）或更多一点。 px单元从这些屏幕像素中得名。

现在有些设备原则上可以显示更小的尖点（尽管您可能需要放大镜才能看到它们）。但是，上个世纪在CSS中使用px的文档仍然看起来是一样的，不管是什么设备。特别是，打印机可以显示比1px小得多的细节，但是即使在打印机上，1px行看起来也与在计算机显示器上看起来非常相似。设备会改变，但px始终具有相同的视觉外观。

现在，关键是它取决于你想要的布局 - 我们有％，px，pt，em（等），我们可以选择使用这些工具（或不用）来完成手头的任务。许多人不会使用根据设备重新调整的方法（并且我们有自动检测功能），而其他方法则完全适合。

对于我来说，任何尺度的问题都很难在整个设计中相对扩展......在较高或较低分辨率的浏览器中，您的文本可能出现在一行上或需要包装多行。如果这是至关重要的，那么使用像素来修复它。

这也是为什么这么多网站都集中（包括这一个）。它给人以错觉，整个屏幕都被拍摄，但它不是 - 左右边缘有白色空间，并没有关系 - 内容清晰，设计师有控制权。

我无法计算我的客户请求缩放（违反我的建议）多少次，然后遇到布局问题 - 正如您可以猜到我热衷于此。

但是，最好的方法是将两者结合使用 - 将像素尺寸固定为包装，内部使用％或类似尺寸 - 这样可以在不失去太多控制的情况下提供流畅的幻觉。

我不认为你的问题会得到直接的答案，因为它恐怕会成为非常舆论的依据。