Extension pages - Bilder sind nicht responsiv

[eumelchen]

Hallo zusammen,

wenn ich bei der Extension pages eine eigene Seite erstelle und dann mit img Bilder einbinde (Größe 640 Pixel), dann werden die Bilder auf einem Rechner richtig dargestellt.

Wenn ich mir die Seite mit dem Smartphone anschaue dann werden die Bilder nicht automatisch verkleinert, sie ragen weit über den rechten Rand hinaus.

Kann man da etwas machen?

Meine eigenen Seiten haben alle unter ext/pages/styles/prosilver/template eigene HTML-Dateien (pages_xxxx.html), kann man da vielleicht irgendwas reinmachen damit die Bilder verkleinert auf dem Smartphone angezeigt werden?

[Joyce&Luna]

Hallo

Versuche mal bitte ob du das Bild mit html Code ein bindest.
Größe kannst du Prozentual eingeben nicht in Pixel angeben, sonst ist es nicht mehr responsiv.

Code: Alles auswählen

<img src="Link einfügen" width="80%"><br>

Anke

[eumelchen]

Vielen Dank für die schnelle Antwort.

Ich habe es ausprobiert, es gibt ein Problem.
Auf dem Rechner und Smartphone sind die Bilder zu klein. Grundsätzlich ist es aber so das die Bilder auf dem Smartphone verkleinert angezeigt werden, aber wir gesagt zu klein.

Ich habe dann mal auf 100% geändert. Dann sind die Bilder der Rechner-Ansicht formatfüllend, d.h. sie werden hochskaliert und haben die gesamte Bildschirmbreite.
Auf dem Smartphone passen sie genau in der Breite.
Das Vergrößern der Bilder bei der Rechner-Ansicht ist zwar nicht ideal, könnte ich aber notfalls mit leben.

Schön wäre es aber wenn es dafür noch eine Lösung geben würde, also bei der Rechner-Ansicht 640 Pixel breit und auf dem Smartphone maximale Bildschirmbreite.

[Joyce&Luna]

Hi

Ein Nachteil hat das ganze auch noch zusätzlich, im Text kann man kein normalen BBcode verwenden, wenn man HTML dazwischen packt.

Also wenn ich das Bild Prozentual verkleinere, bekomme ich es auch so angezeigt. Verkleinere mal auf 50%

Vielleicht hat aber noch ein anderer eine Idee oder wende dich mal an den Entwickler und schreibe ihn das die Bilder mit IMG sich nicht responsiv verhalten, vielleicht kann er was ändern.

Anke

[eumelchen]

Danke Anke,

auf der Seite werden Bilder für einen Fotowettbewerb gezeigt und als Text steht dann unter den Bildern immer nur Bild 1, Bild 2 usw., das ist kein Problem.

Eine elegantere Lösung wäre natürlich schöner.

Den Entwickler würde ich gerne fragen, allerdings stehen da jede Menge Namen und da wüsste ich garnicht wen ich fragen sollte, zudem habe ich das Problem das niemand mein Englisch versteht.

[Joyce&Luna]

Schau mal hier, da kannst du deine Frage stellen oder mal schauen ob da was drüber geschrieben wurde.

https://www.phpbb.com/customise/db/exte ... es/support

Anke

[eumelchen]

So, ich habe eine Lösung gefunden.

Ich habe in ext/phpbb/pages/styles/prosilver/theme in der Datei pages_controller.css das hier noch eingefügt:

Code: Alles auswählen

img {
max-width:100%;
height:auto;
width: auto; /* ie 8 */
}

Jetzt funktioniert es so wie ich es haben wollte (ohne HTML), die Bilder werden auf dem Laptop mit 640 Pixel angezeigt und auf dem Smartphone automatisch auf die vorhandene Bildbreite angepasst.

Danke für die Hilfe.

[Joyce&Luna]

Ach hast du was darüber dort gefunden?
Das ist natürlich die einfachste und beste Lösung,

Ich habe mir ehrlich gesagt auch nicht viel Gedanken darüber gemacht, es ist mir nur Allgemein aufgefallen das Pixelangaben sich nicht unbedingt responsiv verhalten, sondern nur Prozente.

Anke

[eumelchen]

Ach hast du was darüber dort gefunden?

Nein, nicht dort gefunden, aber in die richtige Richtung gelenkt.