HTML/CSS Website größe automatisch anpassen / skalieren?
Hallo!
Und zwar wollte ich mal fragen wie das geht, dass wenn man beispielsweise die Website verkleinert, das dann der Text und die Website nicht verschwindet, sondern das alles darin sich automatisch anpasst und mit der Fenster größe dann halt Skaliert.
So wie auf dieser Seite: https://www.massiveart.com/de/blog/website-layout-100-viewport-so-wird-s-gemacht
1 Antwort
Das geht ins reponsive Webdesign das man ja auch v.a. für smartphone kompatiblität braucht. Im endeffekt musst du nur relative Bezüge für deine Divs setzen. gibst du deinen Boxen z.B. statt width: 100px; einfach width: 10%; so ändern sich die Boxen mit der Fenstergröße, da diese auf die Fenstergröße bezogen 10% Breite hat und nciht wie bei der absoluten Bezeichnung immer fix 100px. Ebenso kannst du auch für diverse Fenster Größen das komplette Layout anpassen., Das geht dann mit @media queries
Ja genau. Ich Schreibe meistens um die 5 Designs pro seite: einmal Full HD, 1024px, Tablet und Smartphone größe :-) Die Bezeichnungen da drin dann noch relativ angeben und schon ist alles stufenlos
Wäre dieses media queries, dass man dann z.B. 3 verschieden Layouts für 3 verschiedene größen macht?