Frage zu „wo ist das Hirn?“

[1+1 ≠ 2, die neue politische Meinung hat befohlen!]

„Responsives Design“ ist Mist! Warum? Weil mindestens Firefox und Safari aus

body {
	min-inline-size: 100vi !important; inline-size: 100vi !important;
	min-block-size: 100vb !important; block-size: 100vb !important;
	display: grid;
	…
}

einen „Layoutbereich“ abliefern, der z. B. auf dem Desktop sowohl rechts als auch unten einen hübsch breiten Bereich abliefern, in dem NICHS erscheint. Oder, in anderen aber ähnlichen Fällen, ein Raster mit vielleicht 140vi Breite verlangen (Scrollen verbieten ist also verboten!)

Was für Pf… sitzen da, denen bestimmt nicht nur Naturgesetze (calc(5cm / 5cm) == 1cm! …) am A… vorbei gehen? Ach ja: welche mit 96 Pixeln maximaler Auflösung bei der Gehrinzellen-Dichte. Maximal!

[Pfeifen-Heini]

Das vom User Agent mitgelieferte Stylesheet definiert margin: 8px; (oder ähnliches) für das body-Element. Hast du das zurückgesetzt?

[Rolf B]

Hallo nix,

wie du sicher weißt, ist ohne den Kontext, am besten online abrufbar, kaum zu ergründen, welchen Fehler du gemacht hast. Die !important-Ballerei nützt da eher wenig, es sei denn, du hast in den Entwicklertools bemerkt, dass andere Regeln Vorrang bekommen und du das nicht eleganter lösen kannst.

Und einen Fehler gemacht hat du sicher, denn - abgesehen von dem erwähnten margin des body, den man entweder entfernen oder abziehen muss - funktioniert es prima, den body auf 100vi × 100vb zu setzen. Hab ich schon oft genug gemacht.

calc(5cm / 5cm) KANN übrigens nicht funktionieren, CSS erwartet als Divisor eine Zahl, keine Länge. Steht auch im Wiki

Rolf