vh till em
En omvandlare som beräknar em från vh för angiven em-storlek och viewport-hö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 "EM till VH".
Fokuserar på fältet "Viewport-höjd".
Fokuserar på fältet "VH-enhet".
Fokuserar på fältet "EM-storlek".
FAQ
Hur konverterar man VH till EM?
För att konvertera vh till em måste du känna till den totala storleken av 1 EM (standard är 16px) och viewportens höjd Tillämpa sedan formeln: ((vh * viewportens totala höjd) / 100) / em-storlek Exempelvis, med en 1em-storlek på 16px och en viewporthöjd på 1000px, konverteras 5vh till: ((5 * 1000) / 100) / 16 = 3,125em
Vad är formeln för att konvertera VH till EM?
((vh * viewportens totala höjd) / 100) / em-storlek
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 från VH till EM om viewportens höjd är 1080px och em-storleken är 16px
| vh | em |
|---|---|
| 1vh | 0.675em |
| 2vh | 1.35em |
| 3vh | 2.025em |
| 4vh | 2.7em |
| 5vh | 3.375em |
| 6vh | 4.05em |
| 7vh | 4.725em |
| 8vh | 5.4em |
| 9vh | 6.075em |
| 10vh | 6.75em |
| 11vh | 7.425em |
| 12vh | 8.1em |
| 13vh | 8.775em |
| 14vh | 9.45em |
| 15vh | 10.125em |
| 16vh | 10.8em |
| 17vh | 11.475em |
| 18vh | 12.15em |
| 19vh | 12.825em |
| 20vh | 13.5em |
| 21vh | 14.175em |
| 22vh | 14.85em |
| 23vh | 15.525em |
| 24vh | 16.2em |
| 25vh | 16.875em |
Fler konverteringar av VH och EM
Verktyg
SVG URL-kodare
Ett verktyg som skapar en kodad och tillgänglig URL, redo att användas i CSS, från en SVG-bild.
Fresh Jobs Ahead
Utforska en fantastisk samling högkvalitativa bakgrundsbilder för datorer och mobila enheter. Från natur och abstrakt konst till futuristiska designer, hitta den perfekta bakgrunden för att förbättra din skärm.