Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- gf_informatik:web:css [2024-10-29 18:00] – [Abstände & Ränder] hof
+++ gf_informatik:web:css [2024-12-03 15:45] (aktuell) – [Weiterführende Links] hof
@@ Zeile 268: / Zeile 268: @@
 Weitere Selektoren können Element auswählen, die innerhalb eines anderen bestimmten Elements sind (z.B. alle `<img>`-Elemente innerhalb einer `<ol>`-Liste), und vieles mehr. [[https://wiki.selfhtml.org/wiki/CSS/Selektoren|Selfhtml]] hat die ganze Auswahl.
+=== Mobilgeräte und Viewport ===
+Mobilgeräte sind viel kleiner als ein Computerbildschirm. Um trotzdem die ganze Webseite zu zeigen, verkleinern die meisten Mobilgeräte die Seite, aber um den Text lesen zu können, muss sie anschliessend gezoomt werden.
+Um dies zu verhindern, kann eine [[https://wiki.selfhtml.org/wiki/HTML/Tutorials/Grundger%C3%BCst#Viewportangabe|Viewportangabe]] in den `head` eingefügt werden:
+<code html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+</code>
 === Weiterführende Links ===
@@ Zeile 274: / Zeile 286: @@
     * mehr zu [[https://wiki.selfhtml.org/wiki/CSS/Wertetypen/Ma%C3%9Fangaben|Grössenangaben]]
     * mehr zu [[https://wiki.selfhtml.org/wiki/CSS/Tutorials/Typografie|Schriftformatierung]]
+    * [[https://wiki.selfhtml.org/wiki/HTML/Tutorials/Grundger%C3%BCst|HTML Grundgerüst]]
+    * alle [[https://wiki.selfhtml.org/wiki/CSS/Tutorials|CSS Tutorials]]