Px to EM çeviriciler her zaman istediğiniz sonucu vermeyebilir, bunun sebebi; CSS'de em kullandığınızda, font-size'a sahip olan en yakın ebeveyn'in değerini 1 tam olarak baz alıyor.

Örnek olarak;

<div style="font-size: 18px">
    
    <p style="font-size: 1em;">
        1em = 18px;
    </p>

    <p style="font-size: 2em;">
        <span style="font-size: 1em;">
            1em = 36px;
        </span>
    </p>
</div>

Ben kişisel olarak REM kullanıyorum, onda direk root element'in font-size'ı baz alınıyor ve ilginç sonuçlarla karşılaşmıyorum

https://j.eremy.net/confused-about-rem-and-em/