DEV Community
·
CSS测量单位：何时使用Rem、Em与Px？
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
作者探讨了CSS布局中不同单位（如px、rem、em、vw、vh）的优缺点，特别是在字体大小、内边距和边距方面。他关注何时使用rem或em，是否在特定情况下仍选择px，以及viewport单位的潜在缺点，寻求保持CSS整洁、可扩展和易于维护的策略。
🎯
关键要点
- 作者探讨了CSS布局中不同单位的优缺点，包括px、rem、em、vw和vh。
- 作者通常使用px，但意识到rem、em和viewport单位可以使设计更灵活和可访问。
- 讨论何时使用rem或em作为字体大小、内边距或边距的单位。
- rem被认为在一致性方面更好，但在某些情况下em可能更受欢迎。
- 探讨在特定情况下是否仍然选择px，例如图标、边框等元素。
- 讨论是否使用vw和vh作为字体大小或布局元素，尤其是在大标题或全页面部分。
- 提供了一个CSS布局示例，展示了如何设置基础字体大小和使用不同单位。
- 作者寻求保持CSS整洁、可扩展和易于维护的策略。
➡️
