Responsive Css font-size problemi

Arkadaşlar merhaba. Responsive css üzerine araştırmalarıma devam ediyorum ve kafama bir soru takıldı.

Örneğin bana gelen yazı 14px diyelim. Bunun responsive'de em karşılığını nasıl öğrenebilirim? Bunun için yardımcı siteler var mı acaba?

https://www.google.com.tr/search?q=p...sm=93&ie=UTF-8

Responsive için vh diye bir birim var 3pt veya 6px yerine 2vh 1 vh kullan fontlarında otmatik boyutlandığını göreceksin.

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/