Website vergrößern Html/ Css?
Hallo alle zusammen,
Ich habe eine Website am Laptop mit HTML und CSS programmiert, aber wenn ich das auf dem PC öffnen möchte dann ist das Format kleiner und damit es passt muss ich die Website um 175% vergrößern im browser...
Kann ich das in HTML und CSS irgendwie reinschreiben, dass sich die seite immer automatisch in der größe ist und wenn ja wie?
Danke für eure hilfe
3 Antworten
Du kannst mit Media Queries arbeiten, um deine Website entsprechend der Auflösung des Fensters zu gestalten.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries
Arbeite mit Pixel, wenn du sie brauchst. Ansonsten versuche Prozent oder VH, VW zu nutzen.
width: 80%;
margin:10%;
Und für besondere Fälle, wie das wechseln zwischen mobile und Desktop navigation, kannst du media queries benutzen. Für noch kleinlichere Fälle gibt es noch Container queries. Solltest du Tabellen als Layout nutzen, steige auf CSS grid um oder nutze flex boxen (CSS)
Du kannst anstelle von Pixel Angaben Bildschirm Höhe und Breite nehmen.
95vw = 95% Breite
95vh = 95% Höhe