像素与HTML / CSS中的点数
当创build一个HTML页面，我应该指定的东西像margin像素或点在CSS？
其中一个被认为是比另一个更好的实践吗？ 任何一个的优点或缺点？
使用px或em
- CSS字体大小：EM VS. PX VS. PT VS. 百分
点数（点数）：点数通常用于印刷媒体（任何要印在纸上的东西等）。 一点等于1/72英寸。 点很像像素，因为它们是固定大小的单位，不能缩放。
通常， 1em = 12pt = 16px = 100％。
[结论]
胜利者：百分比（％）。
- JohnB注意到： 这是TEXT。 显然你问过“利润率这样的事情”。 （我假设你的意思是
padding。）为此，我会推荐px或em。 就个人而言，我根据具体情况切换。
更多文章
- px – em – ％ – pt – 关键字
点值仅用于打印CSS！
（进一步评论）
点是打印？ 不。
积分不适用于打印。 理论上，要点是定义一个绝对的度量。 像素不是绝对的，因为取决于你的屏幕和select的清晰度（而不是分辨率），分辨率（像素每英寸）可以从很多（150dpi）或很less（75dpi）。 这意味着你的像素可以是一个尺寸，或者可能是这个尺寸的一半。 这意味着您devise的文字在您的屏幕上完全清晰可能在您的客户端屏幕上显得太大（“请缩小文本，好吗？”），或者太小而无法在您的邻居屏幕上阅读（“嘿，您的网站告诉我有一天呢？你说过你曾经工作过的那个……好吧，我不能很好地阅读文本，它是如此之小“）。
点是解决这个问题。 但浏览器和操作系统需要pipe理这些。 基本上，这意味着：
浏览器必须使用给定的值（例如，10pt）和屏幕的实际分辨率来计算以像素为单位的显示大小; 操作系统必须传达实际的当前分辨率，而不是默认值。
也：
- CSS：比较字体大小，百分比，Em，点和像素
经验法则是：
屏幕显示的像素; 点印刷。
'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和百分比使它变得容易。 我总是用积分。
[…]
不， 点不是最好的 。 对任何发现这个主题的人来说，忘记你曾经读过这篇文章。 这是一个网页devise论坛。 用于在屏幕媒体上显示页面。 点仅包含在CSS中用于印刷devise。 对于打印介质样式表。 它们不像％和EMS那样是可扩展的 。 如果你是任何types的网页devise师，你应该努力使你的网页访问和使用点是对顶部的权利罢工。
http://www.v7n.com/forums/coding-forum/17594-font-size-pixel-vs-point.html
这很有趣，每个人都回答“像素或％/ em”，而不是“像素或点”。
我不知道两者之间有什么区别。
更多信息
编辑： 甚至更多的信息...官方的！
不要以pt为单位指定字体大小 ，或者为屏幕样式表指定其他绝对长度单位。 它们在不同的平台上呈现不一致，不能被用户代理（例如浏览器）resize。 保持这种装置在固定和已知物理特性（如印刷）上的使用 。
任何人告诉你使用像素是错误的 。 像素工作正常，但他们根本不需要…永远！ 点是指定绝对度量的完美方式，对于我们通常在networking上工作的度量，他们通常不是首选度量。
旁边还有异食癖，英寸，厘米等等。 select其中之一就像说：“我应该用英尺还是英寸来测量这个房间？” 让常识成为你的指导。 他们都会完成工作。
Em在某些答案中提出，应该保留适当的时候。 也就是说，“当这个东西规模扩大时，我想要另一个东西的规模”。 这就是相对的措施。 我知道这是你原来的问题的范围，但我必须解决一些关于“永远使用电子表格”的废话。
顺便说一句，像素不等于物理像素。 今天，样式表中的px表示1/96英寸。 这就是为什么我说不使用它们。 大多数人不知道这一点。 他们使用他们认为他们正在指定实际的像素。 我不能认真地把这些人看得很清楚（虽然我不怪人民，但是我把怪物的状态混淆不清，这就是为什么我要像素消失的原因）。 此外，如果像素真的意味着像素，他们将是一个可怕的方式来指定尺寸。 谈论事实将随意缩小和增长的基础上不可控的任意屏幕分辨率。 哎呀！ 远离像素！ 在实践中，他们的工作，但只是由于欺骗浏览器制造商和操作系统的人看不见的努力，理论上，他们是一个可怕的模糊的方式来指定你的意图。
约翰B上面的答案是最好的和最准确的。 我只是想指出上面答案可能造成的混乱。 排版中的“em”是您所选字体中字母“m”的宽度。 为了指定字体的高度，打印机/排字机使用“x高度”，这是字体的小写字母x的高度。
正如John所指出的那样，pt是一个等于1/72英寸的固定计量单位。 由于显示器具有不同的像素密度（72 /英寸，96 /英寸…），所以通常不是在HTML文档中设置尺寸的好方法。
他们直接涉及到旧的版式单位，并作出了一个很好的相对措施。 随着屏幕尺寸的缩放，字体尺寸也随之缩放。 如果您使用em的边距，它们会相对于您的字体大小进行缩放，这通常是件好事。
但是，对于边距，填充和所有不直接与字体有关的东西，最好使用rem的，或者“相对ems”。 最好的方法是首先声明一个默认的字体大小或html标签。 像font-size = 16px这样的东西是一个很好的开始。 然后在文档的其他地方使用em来表示文本，rem则使用其他的。 或者，使用百分比。 要么工作正常。 像em和rem一样，你的％相对于原来的16px = 100％字体大小。
文档中的所有内容都将按照您的初始设置进行缩放，以便在16像素处获得100％的字体大小。 这样，您只能在文档中使用一次像素测量。 如果您以后想要设置媒体查询来调整您的尺寸和边距以适应不同设备显示屏上的不同像素密度，这一点很方便。 您只需要在body标签中查询一个初始声明。 其他一切都将相对于此进行调整，而不需要改变。
只是一个想法，maxw3st
我认为这取决于你想要做什么。
我发现关键问题是距离需要调整窗口的大小？ 有些单位是相对的，有些（像素和点）不是 – 简单的描述在这里 。
我还没有看到使用过多的点，当需要绝对测量时，px似乎更常见。
像素对我来说更美观，我相信这被认为是更好的做法。
答案是：这取决于。 你在利用什么边际？ 他们是一个平衡的，可resize的布局的一个组成部分，还是他们只是提供了一个边缘的排水沟？ 第一种情况下百分比效果更好，第二种情况下像素效果很好。
你应该尝试不同的可能性，并确定哪个最适合你的文档。 既然在这种情况下没有“是非”，你可以select最适合你的答案。
几乎所有的东西都使用像素。
对我来说，“感觉”就像我有更精确的控制。
对于我需要dynamic调整窗口大小的几件事情，我使用百分比。
编辑：
什么是“时间”？
