em till vh
En omvandlare som beräknar vh från em för given em-storlek och viewporthöjd för att göra mätningen responsiv
Snabbtangenter
Beräknar och kopierar resultatet av beräkningen.
Beräknar resultatet.
Kopierar resultatet av beräkningen.
Vänder om omvandlaren till "VH till EM".
Fokuserar på fältet "EM".
Fokuserar på fältet "EM-storlek".
Fokuserar på fältet "Viewport-höjd".
FAQ
Hur konverterar man EM till VH?
För att konvertera em till vh behöver du veta den totala storleken för 1 EM (standard 16px) och viewporthöjden Tillämpa formeln: ((em * em-storlek) / vh) * 100 Till exempel, med 16px för 1em och 1000px viewporthöjd omvandlas 1em till: ((1 * 16) / 1000) = 1,6vh
Vad är formeln för EM till VH?
((em * em-storlek) / vh) * 100
Vad är en em-enhet?
EM definieras i förhållande till teckenstorleken för det överordnade elementet. Därför får 1 EM det värde som har angetts för det överordnade elementets font-size.
Vad är enheten vh? (Viewport-höjd)
Används i responsiv design, Viewport-höjd (VH) är en enhet relativ till webbsidans visningsområde, kallat viewport. 1vh motsvarar 1 % av visningen. För att göra ett element fullhögt bör du därför använda 100vh. Du kan även använda decimalvärden. Observera att decimalprecisionen kan variera beroende på webbläsare.
Konverteringstabell för EM till VH om em-storleken är 16px och viewporthöjden är 1080px
| em | vh |
|---|---|
| 1em | 1.481vh |
| 2em | 2.963vh |
| 3em | 4.444vh |
| 4em | 5.926vh |
| 5em | 7.407vh |
| 6em | 8.889vh |
| 7em | 10.37vh |
| 8em | 11.852vh |
| 9em | 13.333vh |
| 10em | 14.815vh |
| 11em | 16.296vh |
| 12em | 17.778vh |
| 13em | 19.259vh |
| 14em | 20.741vh |
| 15em | 22.222vh |
| 16em | 23.704vh |
| 17em | 25.185vh |
| 18em | 26.667vh |
| 19em | 28.148vh |
| 20em | 29.63vh |
| 21em | 31.111vh |
| 22em | 32.593vh |
| 23em | 34.074vh |
| 24em | 35.556vh |
| 25em | 37.037vh |
Fler konverteringar av EM och VH
