HTML machen dass die website sich auto skaliert?
Hallo wenn ich meine website bisschen resize drehen gefüllt alle elemente komplett durch.. Aber wie mache ich es genau so gleich wie bei ebay kleinanzeigen? eBay Kleinanzeigen | Kostenlos. Einfach. Lokal. Anzeigen gratis inserieren mit eBay Kleinanzeigen (ebay-kleinanzeigen.de)
Wenn man die seite von ebay kleinanzeigen verkleinert oder so, bleibt immer alles gleich und keine elemente bewegen sich.. Wie mache ich sowas?
4 Antworten
Naja, im Wesentlichen machst Du einen großen Block mit einer minimalen Größe. Ab dieser wird der Block dann nicht mehr kleiner.
Aber tatsächlich ist es gerade heute mit kleineren Displays ja genau der Wunsch, dass Webseiten responsive sind. Frameworks wie Bootstrap oder Tailwind erlauben es Dir, genau sowas ja dann auch zu bauen.
Wie ich schon schrieb. Wenn man mal die Site mit dem Inspector anschaut, dann fällt das hier auf:
.site-base--content {
display: table-cell;
width: 970px;
}
Und das ist genau das, was ich sagte. Ein Block mit fester Breite.
Du kannst Größen-und Positionsangaben relativ zur Bildschirmgröße, zur Schriftgröße oder zur Größe des umgebenden Elements angeben:
https://www.w3schools.com/cssref/css_units.asp
Dadurch wenn du entsprechend relative Angaben verwendest, dann passen sich die Elemente automatisch an die Größe der Seite an.
Zusätzlich kannst du noch Flex-Elemente verwenden, um Elemente auf deiner seite basierend auf der Seitengröße zu rearrangieren.
Außerdem gibt es noch media-Queries, mit denen du beispielsweise bei zu kleinen Bildschirmen dein Menü in ein Burger-Menü verfrachten kannst oer soetwas.
Kann ich dann zumbeispiel auch aus normalen menu einen dropdown menu machen? Wenn ja dann heißt es ich muss einen button hinzufügen denen es zuvor nicht gab, aber wie ich weiß kann man nur css verändern. Also wie mache ich das dann?
Kann ich dann zumbeispiel auch aus einen normalen menu einen dropdown menu machen?
Ja, das ginge, je nach Seite wäre es aber wohl günstiger ab einer bestimmten größe ein menü zu verstecken und dafür das andere anzuzeigen.
Wenn ja dann heißt es ich muss einen button hinzufügen denen es zuvor nicht gab, aber wie ich weiß kann man nur css verändern. Also wie mache ich das dann?
Ganz einfach: Du hast den Button schon auf deiner Seite, aber wenn die Seitengröße noch nicht passt, dann zeigst du ihn nicht an. Das geht mittels:
display: none;
Das macht man mit dem CSS und HTML -> Wenn Client Breite so und so, nimm die Klassen. Ist super schöne Sache- mit F12 kannst Du jede Adaptive Seite schauen, wie sie aufgebaut ist...
Ja aber bei ebay kleinanzeigen ist es nicht so. Dort verändert sich garnichts. Alle elemente sind fest getackert egal wie groß/klein der bildschirm ist
.. nennt sich responsive Webdesign und arbeitet im CSS mit Media-Querys.
genau wenn es mit media was gemacht hätte, würde sich was verändern. Aber es verändert sich nichts
Es kommt drauf an haben sie Bilder oder Texte, irgendwelche anderen Elemente
dann kann ich vielleicht weiter helfen
Bei ebay kleinanzeigen sind alle elemente fest, egal wie groß display ist. Wie mache ich das