# CSS 中使用 px，em，rem

目前还不理解它们的应用场景，暂时倾向于使用 em,rem 少用 px 。

一种观点：

>
> - Pixels are ignorant, don't use them.
> - Use REMs for sizes and spacing.
> - Use EMs for media queries.
>
> ------来自阅读材料 1

一些阅读材料：

1. <https://engageinteractive.co.uk/blog/em-vs-rem-vs-px>
2. <https://stackoverflow.com/q/11799236/12539782>
3. <https://zellwk.com/blog/media-query-units/>
4. [Numbers, lengths, and percentages - MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#numbers_lengths_and_percentages)
5. [REM vs EM -- The Great Debate](https://zellwk.com/blog/rem-vs-em/)
6. <https://web.dev/learn/css/sizing/>
7. [What does 100% mean in CSS?](https://wattenberger.com/blog/css-percents)
8. <https://www.w3.org/TR/css-values-4/#px>