Gunnar Bittersmann: Einfache HTML-Website auf mobilen Geräten

Beitrag lesen

@@littbarski

nicht "echt" responsive

Warum nicht?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Macht nicht wirklich Sinn. Verwende die HTML5-Angabe <!DOCTYPE html>.

<html style="direction: ltr;" lang="de">

Die style-Angabe macht keinen Sinn. Wenn, dann wäre dir="ltr" als HTML-Attribut 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">

In HTML5 kannst du dafür einfach <meta charset="UTF-8"> schreiben.

<meta content="width=device-width, initial-scale=0.1" name="viewport">

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> und </style> gehört ins Stylesheet.

<body style="color: rgb(0, 0, 0); background-color: rgb(238, 238, 238); direction: ltr;">

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)