%、px、em、rem、视口……如何在响应式设计的 CSS 中确定应该使用哪个单位？

我一直在做 FreeCodeCamp 的响应式设计项目，在设计响应式网站时，有一件事我一直很困惑，那就是如何理解对于字体大小、图像、容器和媒体查询，我应该使用像素、EM、REM、百分比、视口等等。

您有什么建议可以帮助我更好地理解并克服它吗？

非常感谢您的帮助！

谢谢！