Wie kann man die Bildgröße in der Smartphone-Ansicht anpassen ?
Autor: Stephan S.
Besucht 440,
Followers 1,
Geteilt 0
Hallo zusammen !
ich nutze Website X5 Evo 2022.1.4
ich habe auf der home seite ein Firmenlogo,
in der Desktop Ansicht hat das eine akzeptable "kleine" größe.
jedoch in der Smartphone Ansicht füllt dieses das gesamte Handy-Display aus.
doch leider finde ich nirgends eine Möglichkeit, diese Größe je responsiver Auflösung variabel anzupassen.
welche Lösungsansätze gibt es dafür ?
herzlichen Dank !
Gepostet am
Doch du kannst unter "2" Inhalt des Templates bei den verschiedenen Breakpoints die Größe individuell anpassen ohne dass sich etwas in einer anderen Auflösung verändert.
Autor
unter 2 - inhalt des templates, kann ich ja nur den kopf bzw. fuß ändern ?
wären sie so nett, mir den vorgang "bei den verschiedenen breakpoints die größe individuell anpassen ohne dass sich etwas in der auflösung ändert" etwas genauer zu beschreiben ?
ich vermute fast, sie meinen den punkt 2 - struktur des templates ?
und mit "breakpoints" die einzelnen größenangaben am linken rand "desktop - 1150 px - 720 px - 480 px - smartphone" ?
nur wo liegt dann hier der zusammenhang zu den bildern welche ich hinten in der seite eingefügt habe ?
vielen Dank !!
Was meinst du genau jetzt? Meinst du den Hintegrund des Templates beim Header und Footer? Den muss man natürlich unter der STruktur des Templates anpassen. Wenn das Bild zu groß ist muss man es erst selbst anpassen und dann in den größenangaben am linken rand einfügen. Hier kann man auch entscheiden wie hoch der Header oder Footer sein soll.
Wenn du jetzt ein Logo meinst den du im "Inhalt des Templates" eingefügt hast, dann meine ich das was ich oben geschrieben habe.
Wenn du eine genauere Einschulung benötigst, kannst du hier mal schauen... LINK
Autor
Hallo Andreas,
danke für deine Antwort!
nein nicht im Hintergrund, und nicht im Header/Footer.
ich habe auf meiner Seite (Seiteninhalt) ein Bild eingefügt - daneben steht ein Text.
Wenn ich dann auf die Vorschau klicke - dann ist das Bild in der Desktop Ansicht in der korrekten Größe.
Wenn ich aber auf kleinere Auflösungen klicke, zB. Smartphone, dann nimmt das Bild mehr als die verfügbare Breite ein, und der Text ist darunter liegend.
Dass der Text nach unten rutscht ist verständlich.
Aber ich möchte, dass das Bild in der Desktop-Auflösung genau so bleibt - aber in der Smartphone auflösung um das 3-fache kleiner dargestellt wird.
und hierbei weiß ich dann eben nicht mehr weiter ...
Autor
was ich nicht ganz nachvollziehen kann ... unter punkt 2 - inhalt des templates, kann ich ja wiederum nur oben auf header / fußzeile / seitenleiste klicken.
mein bild mit dem größenproblem befindet sich aber im seiteninhalt, diesen wiederum kann ich ja unter den 3 auswahlmöglichkeiten nicht verändern.
ich füge mal 3 screenshots hinzu.
1) von dem menüpunkt 2-inhalt des templates
2) von der vorschau in der auflösung desktop (bildgröße vom logo ok, schrift im header ok)
3) von der vorschau in der auflösung smartphone (bildgröße vom logo viel zu groß, schrift im header viel zu klein)
Autor
ansicht desktop
Autor
ansicht smartphone
Im Inhalt des Templates kann man nicht den content beeinflussen. Das kann man nur unter "4" beim responsive Button! Allerdings rutscht der Text bei der Handyansicht automatisch runter. Das geht automatisch und kann nicht verhindert werden. Ausser du machst noch einen 320px Ansicht hinzu!
Das mit dem Bild wird auch automatisch gemacht. Versuche aber mal das Bild auf kleinere Pixelwerte zu speichern. Geht mit jedem Grafikprogramm. MAche es ca. 200px breit und die Höhe dementspechend anpassen.