我在某个网站的某个地方阅读:
原则上,对font-size使用 px 测量不是一个好主意。少数浏览器会阻止用户调整字体大小。
这是对的吗?
答案 0 :(得分:2)
这是对的吗?
嗯,是的,肯定会有一些(通常较旧的)浏览器在px
,pt
,in
,{{ 1}}等等。
但是即使在具有工作缩放功能的浏览器中,相对于用户声明的字体大小偏好也是有礼貌的,因此他们不必调整文本大小或手动缩放页面以使其舒适。 (固定字体和固定宽度页面在页面缩放浏览器中可能特别糟糕,因为放大可能会使文本列太宽而无法适应屏幕。)
原则上,对字体大小使用px测量不是一个好主意。
我不会说这总是一个坏主意。
页面上经常有一些元素,您希望文本的大小与图像相匹配(例如,下面有文本的标题,无需包装,或者在背景图像上方显示文本)适合它)。在这种情况下,您应该使用mm
来使字体和图像很好地对齐。
对于页面的主体文本,是的,使用px
/ em
并让用户决定大小更好。但对于在页面图形布局中起作用的文本,%
字体通常是最好的选择。
答案 1 :(得分:0)
是的,至少IE6& IE7那样做。看看How to Size Text in CSS。
答案 2 :(得分:0)
问题主要在于宽高比。假设我的分辨率为1024x768,纵横比为1.33。对于1920x1080,宽高比变为1.77,这意味着由于宽高比的缩放效果,以特定像素宽度和高度显示的任何图像将以英寸为单位。如果您在缩放窗口中有效使用宽高比进行缩放,则存在相同的基本问题。
大多数网站通过使用em来解决这个问题,老实说,这些问题与其他任何渲染模式都有一些相同的弊端。甚至“设备无关像素”也基于监视器的DPI。因此,使用em知道它只有比px更少的错误,而不是因为它是完美的。
如果您想进行更深入的研究,请阅读以下文章。
答案 3 :(得分:0)
引用CSS:Eric Meyer的权威指南
还有一个值 可能与36pt相同,并且 这是36px,这将是相同的 物理距离,如果显示 介质是72像素/英寸(ppi)。 但是,监视器很少 随着那个设置。大多数是 更高,在96ppi到 120ppi。许多非常老的Macintosh网站 浏览器将点和像素视为 虽然它们是等价的,所以 值14pt和14px看起来可能相同 在他们。但是,这不是 适用于Windows和其他平台的案例, 包括Mac OS X,它是其中之一 积分的主要原因 一个非常难以使用的测量 文件设计。
由于这些之间的差异 操作系统,很多作者选择 使用像素值的字体大小。 这种方法特别有吸引力 在网络上混合文字和图像时 页面,因为文本可以(理论上) 设置为与图形相同的高度 通过声明页面上的元素 font-size:11px;或类似的东西, 如图5-15所示。
使用像素测量字体大小 肯定是获得的一种方式 使用font-size的“一致”结果 (事实上,任何长度都可以), 但是有一个主要的缺点。 用于Windows的Internet Explorer 通过版本6.0不允许 用户可以轻松调整具有的文本 已设置像素。其它浏览器, 包括Mozilla,Netscape 6+, IE5 + / Mac,Opera,甚至是IE7,允许 用户无论如何调整文本大小 它被设定了。因此,使用像素来 大小文本不再是保证 它将保持相同的大小 是任何其他方法。另一个 本章讨论的方法, 如关键字和百分比,是 更强大(和用户友好) 方式去,因为他们可以习惯 从用户的默认值缩放文本 字体大小。
那就是说,这里的问题是你的body
元素使用的单位。在大多数情况下,您应该将em单位用于标题和段落等其他元素。