Css 如果我需要固定宽度、像素完美的设计,我不应该对任何元素使用任何相对测量吗?

Css 如果我需要固定宽度、像素完美的设计,我不应该对任何元素使用任何相对测量吗?,css,xhtml,cross-browser,Css,Xhtml,Cross Browser,如果我需要固定宽度、像素完美的设计,我不应该在css中对任何元素使用任何相对度量吗 始终使用px是否更好?如果您需要像素完美的设计(这是一个愚蠢的目标),那么一定要使用像素来调整所有元素的大小,即宽度、高度、边距和填充。不管怎么说,大多数开发人员都是这样做的 然而,你永远不会得到一个完美的像素设计的字体有关。不同的操作系统具有不同的字体,并且始终存在较小的跨浏览器差异。因此,您可以使用px或em来确定字体大小,这在您的情况下是最简单的。虽然像素完美是一个崇高的目标,但由于上面列出的原因,这几乎是

如果我需要固定宽度、像素完美的设计,我不应该在css中对任何元素使用任何相对度量吗


始终使用
px
是否更好?

如果您需要像素完美的设计(这是一个愚蠢的目标),那么一定要使用像素来调整所有元素的大小,即宽度、高度、边距和填充。不管怎么说,大多数开发人员都是这样做的


然而,你永远不会得到一个完美的像素设计的字体有关。不同的操作系统具有不同的字体,并且始终存在较小的跨浏览器差异。因此,您可以使用px或em来确定字体大小,这在您的情况下是最简单的。

虽然像素完美是一个崇高的目标,但由于上面列出的原因,这几乎是不可能的,比如在不同的浏览器和不同的操作系统上进行字体渲染。如果您想使用EMs,但仍然有一个可以轻松调整大小的布局,这里有一个简单的方法:

body {
  font-size: 62.5%; /* 1 EM now equals 10px */
}
浏览器(通常)的默认文本大小为16px。将主体字体大小设置为62.5%将使其降低到10px,这更易于计算。如果您希望标签为14px,您可以写:

h1 {
  font-size: 140%;
  /* OR */ font-size: 1.4em;
}

这两种方法都能很好地实现你的像素完美目标,但仍能给你一些灵活性。

我不想回答这个问题,因为我从不用这些术语思考,只是指出,当我因为看不懂你的小文本而增加浏览器的字体时,你的“像素完美”设计要崩溃了。“像素完美”是一种误导性的尝试,它试图将印刷媒体的僵化性强加于其他灵活的网页上。但许多客户需要像素=完美的设计。现在所有的浏览器都在
px
中伸缩。你在使用IE6吗?为什么你的客户要求像素完美的设计?你向他们解释了相对尺寸设计的好处了吗?客户没有说要使用
em
px
然后只是用PSD模型计算设计的像素完美度。客户说,在污损字体大小的条件。网站应该是相同的PSD。>客户说,在defaul字体大小的条件。网站应与PSD相同这永远不会发生。浏览器中的默认字体大小与开箱即用默认大小不同。我的浏览器窗口比你的更高、更窄(而且从未最大化),这是网页设计师工作的一部分(IMO)你的意思是,如果我使用Arial 12 PX字体,那么它在不同的浏览器和操作系统中会看起来不同。因为我的计算机甚至没有Arial,所以它将使用不同的sans serif字体。