Gunnar Bittersmann: @media wirkt sich falsch auf Smartphone aus

Beitrag lesen

@@Eddi

Während die Darstellung am Bildschirm des PCs mit größer/kleiner ziehen sich tatsächlich anpasst, verkleinert sich das Smartphone auch, und zwar dauernd. Das habe ich nicht gewollt. Was mache ich falsch?

1.Du setzst eine feste Breite:

body {
   width: 950px;

2. Du hast nicht <meta name="viewport" content="width=device-width, initial-scale=1.0"/> im HTML zu stehen.

3. Du setzst die Schrift zu klein:

@media(min-width:900px){body{font-size: 80%;}}

4. Du verwendest px als Einheit. ☞ Zell Liew: PX, EM or REM Media Queries?

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann