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

Question

我已经对超过10个网站进行了分类,我仍然怀疑"我应该使用哪个正确的单位".无论是px,还是em或%.Plz引导我走向正确的方向

编辑1:布局(特别是容器盒)

Answer 1

不同的单位取决于上下文.如果有一个最适合每种情况,那么就没有那么多单位.

按照经验法则:

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

• 使用%的字体大小
• 使用px的图像
• 使用px,, %或em用于包装盒尺寸
• 使用线高的比率

如果您在印刷媒体工作:

• 避免这可能是明智的px(这不是任何手段的硬规则),其他一切都是公平的游戏.这真的取决于你想要多少控制权.

Answer 2

没有正确或错误,但作为经验法则:

• 对于任何您想要的固定尺寸,请使用PX
• 对于您想要使用font-size缩放的任何内容,请使用EM
• 对于要扩展到窗口/容器中可用空间的任何内容,请使用%

当用户扩展浏览器的基本字体大小/缩放时,每个用户在不同的浏览器中都有特定的优点或缺点,但更新版本的浏览器通过扩展所有内容来解决这些问题,而不仅仅是字体 - 尺寸.