使用vw / vh vs rem / em / px时是否存在任何性能差异?

时间:2017-05-23 16:00:03

标签: html css css3 sass

我被告知使用vhvw会导致重新粉饰,从而导致表现受到打击,但我无法就此主题找到足够的研究。

此外,在什么情况下应该使用每个测量?例如,如果我想在vh之类的内容上使用vwpadding,那是错误的吗?它更适合用于定位目的吗?

我希望这个问题有道理,因为我真的很好奇。

1 个答案:

答案 0 :(得分:1)

性能问题主要是由JavaScript代码引起的,而不是由CSS造成的。虽然CSS中使用的某些单元可能会产生一些影响。这种影响很小,因此请始终使用可用于实现某些目标的单元。例如,如果你想要一个完整的页面div,你总是必须使用vh作为高度,但你可以使用%作为宽度。根据您想要达到的目标,使用您需要的东西。

其他示例,也许您希望填充更大或更小,具体取决于文本的大小,您无法使用px实现此目的,因此您必须使用em或rem。

px是最好的表现,因为它不需要任何计算,但有时只用px很难实现。