Html 在设计网页时，我应该在CSS中使用哪个单元_Html_Css

Html 在设计网页时，我应该在CSS中使用哪个单元

html css

Html 在设计网页时，我应该在CSS中使用哪个单元,html,css,Html,Css,我已经设计和开发了10多个站点，但我仍然对我应该使用的正确单元有疑问。它应该是px、em还是% 编辑1：用于布局（尤其是集装箱箱）不同的单位取决于上下文。如果有一个最适合各种情况，那么就不会有那么多单位根据经验法则：如果您正在使用屏幕媒体：字体大小使用% 对图像使用px 使用px、%或em来确定箱子尺寸使用线高度的比率如果您在印刷媒体中工作：明智的做法可能是避免使用px（无论如何这不是一条硬性规定），其他一切都是公平的。这真的取决于你想要多少控制权在特定环境中使用所需的装置

我已经设计和开发了10多个站点，但我仍然对我应该使用的正确单元有疑问。它应该是

px

、

em

还是

编辑1：用于布局（尤其是集装箱箱）

不同的单位取决于上下文。如果有一个最适合各种情况，那么就不会有那么多单位

根据经验法则：

如果您正在使用屏幕媒体：

字体大小使用
```
%
```
对图像使用
```
px
```
使用
```
px
```
、
```
%
```
或
```
em
```
来确定箱子尺寸
使用线高度的比率

如果您在印刷媒体中工作：

明智的做法可能是避免使用px（无论如何这不是一条硬性规定），其他一切都是公平的。这真的取决于你想要多少控制权

在特定环境中使用所需的装置

Unit Description ==================== % percentage in inch cm centimeter mm millimeter em 1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then '2em' is 24 pt. The 'em' is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses ex one ex is the x-height of a font (x-height is usually about half the font-size) pt point (1 pt is the same as 1/72 inch) pc pica (1 pc is the same as 12 points) px pixels (a dot on the computer screen) 单元描述 ==================== %百分比英寸厘米毫米毫米 em 1em等于当前字体大小。2em表示当前字体大小的2倍。例如，如果一个元素的字体为12磅，则“2em”为24磅。“em”是CSS中非常有用的单元，因为它可以自动适应读者使用的字体 ex one ex是字体的x高度（x高度通常约为字体大小的一半） pt点（1 pt与1/72英寸相同） pc pica（1个pc等于12分）像素（计算机屏幕上的一个点）

来源：

如果你说的是字体大小，那么px和pt并不理想

Ems和百分比单位是可伸缩的，因此它们对视力受损者来说更方便。对于手机用户来说，它们也能很好地缩小规模

对于视力受损的用户，Px和Pt装置不能向上扩展，对于移动电话，不能向下扩展

如果你在谈论布局或容器，那么它取决于你想要的设计类型——流体或静态——并且不一定有一个“正确”的答案

不举一个例子，很难给出建议。你心目中有一个我们可以看的网站吗？

没有对错之分，但根据经验：

对于任何您想要固定大小的东西，请使用PX
对于任何要按字体大小缩放的内容，请使用EM
对于要缩放到窗口/容器中可用空间的任何内容，请使用%

当用户缩放浏览器的基本字体大小/缩放时，每种浏览器在不同的浏览器中都有特定的优点或缺点，但更新版本的浏览器基本上通过缩放所有内容来解决这些问题，不仅仅是字体大小。

为了灵活性和可访问性，我建议使用

进行水平测量（相对于用户的屏幕），使用

em进行垂直测量（相对于用户的字体设置）。
用于固定宽度布局
为了尽可能完美的像素，我建议对宽度、高度、边距和填充使用PX

对于行高
使用小于单位的值，如{line height:1.2}

对于印刷元素，使用{font size:62.5%）
表示正文
，然后使用em
表示其他元素
在HTML for
中，始终使用无单位宽度和高度。
您是指字体大小还是布局尺寸？注意：您会注意到，大多数图形密集型网站使用px
是有充分理由的。为什么您两次问同一问题，您可以编辑您的问题。使用px
处理图像？哪些图像？在HTML图像宽度和高度
应该是无单位的，在css中没有与图像相关的属性。我一定想象过背景图像…但这是box的属性，不控制图像的宽度和高度。它控制图像的显示量，或者图像旁边是否有空间。调整容器大小以适应背景图像是一个非常常见的问题按要求。你说得很对，但在这种情况下，我们控制的是盒子的大小，而不是图像的大小。你写了“图像使用px”。我想我是在用另一种方式思考。对不起。如果你使用的是流畅的布局，这是真的。但是，除了最简单的网站外，很难为所有网站保持流畅的布局。图形不倾向于缩放。完全同意这一点。字体大小最好用ems设置。从字体大小开始：62.5%不是一个好主意。它只是给人一种使用ems时以像素为单位工作（一旦用户选择了与浏览器供应商选择的默认值不同的默认值，就会下降）。@David Dorward-你是对的，但这种类型的用户的百分比非常低。这不是一个好主意，也不是一个坏主意。