Media-Abfragen PX vs EM vs REM
Kann mir jemand erklären, warum meine Medienabfragen beim Konvertieren von FROM px TO ems @ abstürze
In den Hauptteil meines Dokuments habe ich die folgende Regel für die Schriftgröße eingefügt: 62,5%. Daher würde ich annehmen, dass ich meine Medienabfrage in FROM 650px in 65em konvertieren könnte. Wenn ich meine Medienabfragen in ems ändere, wird das Layout unterbrochen.
Kann ich alternativ die Medienabfrage mit einem Pixel-Fallback nach REMS konvertieren? das heißt, ich habe keine Ahnung, wie das geht
@media screen and (min-width: 650px) {
body
{
font-size: 62%;
background-color: #364759;
background-repeat: repeat-x;
background: url("bg.gif");
}
#wrapper,
footer
{
width: 80%;
max-width: 1050px;
margin: 0 auto;
}
} // end media query
vielen Dank, P