Versionen dieses Beitrags

@media funktioniert am PC Bildschirm, aber nicht am Smartphone

Gb 80x80 Gunnar Bittersmann
  • @media funktioniert am PC Bildschirm, aber nicht am Smartphone
  • Guten Abend,
  • es gibt keine fixe Bidlschirmbreite, am PC-Bildschirm funktioniert @media. Je nachdem, wie ich das Fenster ziehe, verändert sich die Schriftgröße.
  • Nicht so am Smartphone, da wird immer und direkt die kleine Größe von 60 % angezeigt.
  • Warum?
  • Danke!
  • Eddi
  • Ausschnitt:
  • ~~~HTML
  • <meta name="viewport" content="width=device-width", initial-scale=1, user-scalable=yes">
  • <style type="text/css">
  • body {
  • <!--width: 70em; -->
  • padding: 0;
  • font-size: 16px; <!-- 1 em -->
  • line-height:1.4;
  • color: black;
  • background-color: #FFFFFF;
  • align: center;
  • }
  • @media(min-width:700px){body{font-size: 60%;}}
  • ~~~