我应该避免使用px来使React-App移动友好吗？

Question

什么是使我的Webapp移动友好的好方法？我一直都在使用px，但是我应该只使用vw和vh吗？另外，我应该只将@media用于CSS一百万次吗？

Answer 1

这是一个很好的电子表格：https://www.w3schools.com/cssref/css_units.asp

可以根据我的经验说：

1. 如果要根据父块设置大小，请使用%（百分比）
2. 如果要根据屏幕尺寸设置尺寸，请使用vw/vh
3. 照常使用rem/em

Answer 2

这是一个相当广泛的话题。但是，有些事情可能会对您有所帮助。

error_log(print_r($_POST,1));不错，有很多用例。例如，设置对象的高度时，我倾向于使用px。由于响应度通常与宽度相关，因此有点棘手，但是您可以使用px或min-width之类的东西来考虑响应度。

您还可以使用百分比，但是我个人喜欢使用max-width或flexbox之类的CSS布局来设置我的网站。由于它们往往更加灵活。因此，仅使用css布局模块就已经实现了部分响应式设计。

通常，由于每个网站都是不同的，因此在使页面具有响应性方面没有硬性规定。您会发现数百个网站为您已知的每种屏幕尺寸提供grid尺寸，但更重要的是查看您的网站，并查看内容随其增长或缩小而自然开始破裂的地方。然后，您可以更准确地确定希望@media何时生效。

最后，您不必@media使用一百万次，而仅在您决定需要更改布局的情况下使用。然后，只需在单个@media内实现您要在该特定屏幕尺寸以及以下或以上更改的所有内容的css更改即可。