所有边距和边框从 px 转换为 %

Question

我正在为一个项目建立一个在线商店。

我已将所有元素大小设置为 % 以保持网站流畅。但是，我所有的边距和边框都在px，所以当浏览器调整大小或人们在不同分辨率的屏幕上查看时，它真的不起作用。

我认为我最好转换为%，但是在没有转换器或我自己转换的手段的情况下手动执行有点乏味。

人们如何解决这个问题？我真的想转换成 % 吗？

Answer 1

我会考虑使用rem。它要好得多，并且可以很好地扩展。根据您的浏览器支持，您可以查看here 我认为这是最好的选择。

我不确定您是否使用Sass，但这是我会考虑使用的另一件事，因为您可以创建一个sass mixin 将px 转换为rem，并为老年人提供一个很好的回退到px浏览器。这是link。

这取决于个人喜好，但我会选择这些。