vw/vhとrem/em/pxの使用時にパフォーマンスの違いはありますか？

Question

私はvhとvwを使用していると言われていましたので、パフォーマンスにヒットを引き起こしましたが、このトピックについて十分な研究を見つけることができませんでした。

さらに、各測定をどのような状況で使用する必要がありますか？たとえば、vhまたはvwをpaddingのようなものに使用したい場合は間違っていますか？ポジショニングの目的に使用する方が適していますか？

私は本当に好奇心が強いので、この質問が意味をなさないことを願っています。

Answer 1

パフォーマンスの問題は、主にJavaScriptコードで発生し、CSSでは発生しません。 CSSで使用されているユニットの中には、ある程度の影響があります。この影響は小さいので、何かを達成するために使用できるユニットを常に使用してください。たとえば、フルページdivが必要な場合は、常に高さにvhを使用する必要がありますが、幅には％を使用できます。達成したいことに応じて、必要なものを使用してください。

他の例では、テキストのサイズに応じてパディングを大きくしたり小さくしたりすることができますが、これはpxで実現できないため、emまたはremを使用する必要があります。

pxは計算を必要としないので最高のパフォーマンスですが、pxだけでは実現できないことがあります。