fit-content

[scherenschlag]

Moin.
Ich schraube mal wieder ein bisschen in der Gegend rum...
Schaut bitte mal:
https://www.tsad17.de
Unten die Blöcke mit den Fotos. Wäre vielleicht etwas für mich.
Aber wie bekomme ich die Fotos kleiner? Die sind, vor allem für das Smartphone, viel zu groß.
Habe das fit-content schon Versuchsweise rausgenommen und durch Pixelangaben ersetzt.
Das Ergebnis war allerdings nicht so berauschend.
Hilfestellung bitte .....
Danke

[Tommy Herrmann]

Moin,

was ist das denn für eine Foto-Anwendung? Ist die von Mobirise und wenn ja, aus welchem Thema und Block (ganz genau).

Die hat Größenangaben für jede Displaygröße, die man dann wahrscheinlich ändern müsste.

[scherenschlag]

People - Stack M5
Tschuldigung. Wollte ich einfügen und dann kam der Postbote .....

[Tommy Herrmann]

Für mein Empfinden ist das eigentlich alles so ganz richtig

Wenn Du die Bilder am Handy kleiner haben möchtest, könntest Du z.B. eine solche Media-Abfrage in den "Code Editor" des Block in den Bereich "CSS Editor" (ganz unten) rein kopieren:

Code: Alles auswählen

@media (max-width: 767px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 70%;
  }
}

Das würde dann ungefähr so aussehen:

[scherenschlag]

Ja. Das ist erheblich besser....
PC ist ja auch soweit ok. Nur gehen 98,9 % der Gäste mit dem Phone ins Netz.
Und da war es meiner Meinung nach ein bissken zu groß.
Danke Dir.
Ich schraube dann mal weiter.

[Tommy Herrmann]

Du kannst ja noch andere Prozentzahlen testen wie z.B. 60%, das änderst Du dann hier:

Code: Alles auswählen

max-width: 70%;

Wenn Du zu klein wirst, werden die Köpfe nicht mehr vollständig dargestellt, dann müsste man nicht nur die Container, sondern auch die Bilder noch kleiner anpassen.

[barbara0701]

Ich sehe die Bilder mit iPhone 15 und finde, dass sie nicht zu groß sind. Durch die Abrundung sehen die Bilder richtig gut aus

[scherenschlag]

Danke ....

[simplexx]

Schaut auch bei am Handy recht gut aus!