Einfache HTML-Website auf mobilen Geräten
bearbeitet von Gunnar Bittersmann@@littbarski
> nicht "echt" responsive
Warum nicht?
> `<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`{: .language-html}
Macht nicht wirklich Sinn. Verwende die HTML5-Angabe `<!DOCTYPE html>`{: .language-html}.
> `<html style="direction: ltr;" lang="de">`{: .language-html}
Die `style`-Angabe macht keinen Sinn. Wenn, dann wäre `dir="ltr"` anzugeben. Da `ltr` aber Default ist, kann das entfallen. (`lang="de"` ist aber völlig richtig.)
> `<meta content="text/html; charset=UTF-8" http-equiv="content-type">`{: .language-html}
In HTML5 kannst du dafür einfach `<meta charset="UTF-8">`{: .language-html} schreiben.
> `<meta content="width=device-width, initial-scale=0.1" name="viewport">`{: .language-html}
`initial-scale=0.1`?? Warum sollte dort etwas anderes stehen als `1` (`1.0`)?
> `@media only screen and (max-device-width:1024px) {body{font-size: 2.2em;}}`
>
> `@media only screen and (max-device-width:1024px) and (orientation : landscape) {body{font-size: 1.8em;}}`
Das hängt dort in der Luft rum. CSS-Code *gehört in ein `style`-Element, also zwischen `<style>`{: .language-html} und `</style>`{: .language-html}*{: style="font-style: inherit; text-decoration: line-through"} gehört ins Stylesheet.
> `<body style="color: rgb(0, 0, 0); background-color: rgb(238, 238, 238); direction: ltr;">`{: .language-html}
CSS-Code gehört ins Stylesheet. Zu `ltr` siehe oben.
LLAP 🖖
--
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)
Einfache HTML-Website auf mobilen Geräten
bearbeitet von Gunnar Bittersmann@@littbarski
> nicht "echt" responsive
Warum nicht?
> `<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`{: .language-html}
Macht nicht wirklich Sinn. Verwende die HTML5-Angabe `<!DOCTYPE html>`{: .language-html}.
> `<html style="direction: ltr;" lang="de">`{: .language-html}
Die `style`-Angabe macht keinen Sinn. Wenn, dann wäre `dir="ltr"` anzugeben. Da `ltr` aber Default ist, kann das entfallen. (`lang="de"` ist aber völlig richtig.)
> `<meta content="text/html; charset=UTF-8" http-equiv="content-type">`{: .language-html}
In HTML5 kannst du dafür einfach `<meta charset=" UTF-8">`{: .language-html} schreiben.
> `<meta content="width=device-width, initial-scale=0.1" name="viewport">`{: .language-html}
`initial-scale=0.1`?? Warum sollte dort etwas anderes stehen als `1` (`1.0`)?
> `@media only screen and (max-device-width:1024px) {body{font-size: 2.2em;}}`
>
> `@media only screen and (max-device-width:1024px) and (orientation : landscape) {body{font-size: 1.8em;}}`
Das hängt dort in der Luft rum. CSS-Code *gehört in ein `style`-Element, also zwischen `<style>`{: .language-html} und `</style>`{: .language-html}*{: style="font-style: inherit; text-decoration: line-through"} gehört ins Stylesheet.
> `<body style="color: rgb(0, 0, 0); background-color: rgb(238, 238, 238); direction: ltr;">`{: .language-html}
CSS-Code gehört ins Stylesheet. Zu `ltr` siehe oben.
LLAP 🖖
--
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)