使用px不可取？

Question

我的网站上的某个地方写着：

原则，使用PX测量字体大小是不是一个好主意。如果您这样做，少数浏览器将阻止用户调整字体大小。

这是对吗？

Answer 1

问题主要是纵横比。假设我的分辨率为1024x768，宽高比为1.33。对于1920x1080，长宽比变为1.77，这意味着由于长宽比的缩放效果，以特定像素宽度和高度显示的任何图像将以英寸为单位的不同尺寸。如果在缩放窗口中使用高宽比进行缩放，则存在相同的基本问题。

大多数网站都是通过使用em来解决这个问题的，老实说，它和其他任何渲染模式都有相同的缺陷。即使“独立于设备的像素”也是基于监视器的DPI。所以，使用它知道它只有比px更少的错误，并不是因为它是完美的。

如果您想进行更深入的研究，请阅读以下文章。

http://www.w3.org/WAI/GL/css2em.htm

Answer 2

是的，至少IE6 & IE7做到这一点。看看How to Size Text in CSS。

Answer 3

这是正确的？

嗯，是的，当然也有少数（通常较旧的）浏览器，不会让你调整文本，当它在px，pt，in，mm大小真实等。

但即使在工作缩放的浏览器中，相对于用户对字体大小的偏好而言，它也很有礼貌，所以它们不必调整文本大小或手动缩放页面以使其更舒适。 （固定字体加上固定宽度的页面可以是特别糟糕的这页缩放的浏览器，缩放中很可能使文本的列太宽，以适应屏幕。）

原则，采用了PX测量字体大小不是一个好主意。

我不会去说这总是一个坏主意。

页面上经常会出现一些元素，您希望文本的大小与图像匹配（例如，下面有文本的标题，应该或多或少没有包装或文本高于背景图像以适应它）。在这种情况下，您应该使用px来使字体和图像很好地排列。

对于页面的正文文本，是的，使用em/%更好，并让用户决定大小。但对于在页面的图形布局中起作用的文本，px字体通常是最好的选择。

Answer 4

引用CSS：由埃里克迈耶权威指南

还有一个值，该值是 潜在一样36pt，和 这36px，这将是相同的 物理距离如果显示 中等是每英寸72像素（ppi）。 但是，只有极少的显示器 已经设置了。大部分是 高得多，在96ppi到 120ppi的范围内。许多非常老的Macintosh网络浏览器将点和像素视为 ，虽然它们是等效的，所以 值14pt和14px可能看起来相同，它们是 。然而，这不是，但是，对于Windows和其他平台， 案件， 包括Mac OS X，这是 之一，主要原因为什么点可以是 很难测量使用 文件设计。

由于 操作系统之间的这些差异，许多作者选择 来使用字体大小的像素值。一个web 页面上混合的文本和图像时 这种方法是特别有吸引力的 ，因为文本可以（在理论上）是 设置为相同的高度为页面上的图形 元件通过声明 字体大小：11像素;或类似的东西， ，如图5-15所示。

使用像素的三围字体大小 肯定是获得与字体大小 （事实上，任何长度的话）， “一致”的结果的一种方式，但有一个主要的缺点。 Internet Explorer for Windows up 到版本6.0不允许 用户轻松调整已设置 的文本的像素大小。其他浏览器， 包括Mozilla，Netscape 6+， IE5 +/Mac，Opera甚至IE7，允许 用户调整文本大小，不管它如何设置 。因此，使用像素到 大小的文本不再是保证 它将保持相同的大小而不是 是任何其他方法。本章中讨论的其他 方法， 如关键字和百分比，是 去一个更健壮（和用户友好的） 的方式，因为它们可以被用来从用户的默认 字体大小 规模文本。

这就是说，这里的问题是什么单位使用你的body元素。在大多数情况下，您应该将em单位用于其他元素，如标题和段落。