Joh*_*hnB 34
使用px或em
点数(pt):传统上在打印介质中使用的点(任何要在纸上打印的东西等).一点等于1/72英寸.点与像素非常相似,因为它们是固定大小的单位,不能缩放.
通常,1em = 12pt = 16px = 100%.
[结论]
获胜者:百分比(%).
padding也是.)为此,我会推荐px或em.就个人而言,我会根据具体情况进行切换.更多文章
点值仅适用于打印CSS!
(进一步评论)
积分是否适合打印？不.
积分不是专门用于打印的.从理论上讲,要点是用于定义绝对量度.像素不是绝对的,因为根据您的屏幕和所选择的定义(不是分辨率),分辨率(每英寸像素数)可以从很多(150dpi)或非常小(75dpi).这意味着您的像素可以是一个大小,也可以是那个大小的一半.这意味着您在屏幕上设计得非常清晰的文字可能在客户的屏幕上看起来太大("请让文字更小,好吗？")或者太小而无法在邻居的屏幕上阅读("嘿,网站是你的前几天告诉我的那个？你说过你曾经做过的那个......好吧我读不懂文字,它太小了").
积分是这个问题的解决方案.但是浏览器和操作系统需要管理它们.基本上,它意味着:
浏览器必须使用给定值(例如10pt)和屏幕的真实分辨率计算显示尺寸(以像素为单位); 操作系统必须传达真实的当前分辨率,而不是默认值.
也:
经验法则是:
用于屏幕显示的像素; 打印点.
'em'或'%'(以及鲜为人知的rem)更适合更灵活的布局.
em是基于当前字体中字母"m"的大小的度量单位.在em中指定大小允许您根据字体大小确定大小,这意味着您可以更改字体,并且布局将更改为跟随.
但是有很多时候你需要使用固定的尺寸.在这种情况下,px通常是最好的,因为大多数网页都显示在基于像素的屏幕上.但是,如果您计划打印一个页面,那么您可以使用基于点的布局创建特定于打印的样式表.
一般来说,我推荐em过px或pt.如果您正在使用px,那是因为您的页面上有元素,其大小以像素为单位,如图像所示,您需要使其余的布局符合要求.在这种情况下,因为图像是以像素为单位的,所以样式表也是如此.此外,由于点是打印测量单位,因此无法保证它们将如何显示在屏幕上:px是基于屏幕的,因此可以在屏幕上跨浏览器和跨平台提供更加一致的外观.
顺便说一下,这个页面可能会为您提供更多信息:http://webdesign.about.com/cs/typemeasurements/a/aa042803a.htm
积分很高,因为它们高1/72英寸.你知道你的文字有多高.像素问题是分辨率越高它们越小.如果你想在背景图片周围包装文字,像素是很棒的.需要一些工作,但它可以使一个漂亮的页面.我听说像素在IE中无法调整大小 - 所以如果他们想要增加字体大小,他们就不能.不要使用IE,所以我不能说.记得听到这个.EM让你完全放弃了这个人在浏览器中定义字体大小的方式.Ems和百分比使其变得简单.我总是使用积分.
[...]
不,积分不是最好的.对于找到这个帖子的人,忘记你曾经读过这个帖子.这是一个网页设计论坛.用于在屏幕媒体上显示页面.CSS中包含的点仅用于打印设计.用于打印介质样式表. 它们不像%和ems那样可扩展.如果您是任何类型的网页设计师,您应该努力使您的网页可访问,并且使用积分是针对顶部的权利.
http://www.v7n.com/forums/coding-forum/17594-font-size-pixel-vs-point.html
这很有趣,每个人都回答"像素或%/ em",而不是"像素或点".
我不知道两者之间有什么区别.
不要以pt为单位指定font-size,也不要为屏幕样式表指定其他绝对长度单位.它们在不同平台上呈现不一致,并且无法由用户代理(例如浏览器)调整大小.在具有固定和已知物理属性(例如打印)的介质上保留此类单元的样式用于样式.