使用px不可取吗?

时间:2010-07-06 14:17:01

标签: css

我在某个网站的某个地方阅读:

原则上,对font-size使用 px 测量不是一个好主意。少数浏览器会阻止用户调整字体大小。

这是对的吗?

4 个答案:

答案 0 :(得分:2)

  

这是对的吗?

嗯,是的,肯定会有一些(通常较旧的)浏览器在pxptin,{{ 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更少的错误,而不是因为它是完美的。

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

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

答案 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单位用于标题和段落等其他元素。