有什么好方法可以让我的webapp对移动友好？我一直在使用px，但是我应该只使用vw和vh吗？另外，我应该为css使用@media一百万次吗？
这是一个相当宽泛的主题。然而，这里有一些事情可能会帮助你。
px还不错，有很多用例。例如，当我设置对象的高度时，我倾向于使用px。由于响应性通常与宽度相关，所以它会变得有点棘手，但您可以使用min-width或max-width之类的东西来开始考虑响应性。
你也可以使用百分比，但我个人喜欢使用像flexbox或grid这样的css布局来设置我的网站。因为他们往往更灵活。因此，部分响应式设计已经通过使用css布局模块实现。
一般来说，在如何使页面响应方面没有硬性规定，因为每个网站都不同。你会发现数百个网站为你提供了人类已知的每种屏幕大小的@media大小，但更重要的是查看你的网站，看看内容在增长或缩小时从哪里自然开始破裂。然后，您可以更准确地确定@media何时生效。
最后，您不需要使用@media一百万次，只需要在您决定需要更改布局的地方。然后，只需在单个@media中实现css更改，就可以在特定的屏幕大小下或以上更改所有内容。
这是一个很好的电子表格：https://www.w3schools.com/cssref/css_units.asp
根据我的经验可以说：
- 如果希望根据父块设置大小，请使用
%(百分比( - 如果要根据屏幕大小设置大小，请使用
vw/vh - 照常使用
rem/em