wieder mal: responsive Bilder
Moin,
ich komm’ nich klar …
Während auf der Startseite (http://eliasfriedhof.de/) das Bild responsive angezeigt wird, geschiet das in den anderen Artikeln (z.B: http://eliasfriedhof.de/grabmal-benad.html) nicht. Weshalb?
Die Einstellungen zu Themes » Bildgrößen habe ich mir angeschaut, ebenso die Anleitung – begreife aber nicht, was dort unter Sizes-Attribut eingetragen werden muss. Probieren hilft nüscht, weil es keine Änderungen in der Anzeige gibt.
Gibt es eventuell eine weitere erklärende Seite? Vielleicht mit Beispielen, damit man das besser nachvollziehen kann?
Danke.
Liste der Anhänge anzeigen (Anzahl: 1)
Zitat:
Zitat von
tab
In welchem Browser kannst du die auf 50px zusammenschieben? Geht bei mir in Firefox nicht, da ist bei 287px Schluss.
In Firefox! (Umschalt+Strg+M) Anhang 18381. Auch im Google-Resizer (http://design.google.com/resizer/#) wird es falsch dargestellt.
Hm, welchen Fehler mache ich? Renn’ ich einem Problem hinterher, das es gar nicht gibt?
Liste der Anhänge anzeigen (Anzahl: 1)
Zitat:
Zitat von
Zille
Tut es doch. So sieht das Bild am iPhone 4S aus bspw. (CSS Pixel Größe):
Runterskaliert auf 288px Breite (von 342px).
Liste der Anhänge anzeigen (Anzahl: 1)
Rechtsklick - Element inspizieren/Bildinfos anzeigen gibt es nicht in Firefox, wohl aber »Grafik-Info anzeigen«. Das sieht dann so aus:
Liste der Anhänge anzeigen (Anzahl: 1)
Zitat:
Zitat von
tab
Da ist wohl irgendein Wort drin, das so breit ist und nicht umgebrochen werden kann. Das mag z.B. das Wort "Eliasfriedhof" sein oder auch (optisch breiter aussehend) "SLUB/Deutsche".
Aha, der Text bricht auf Grund der Länge der Worte nicht um. Ist ja eigentlich klar, Bäume vor Wald nicht gesehen. Gleich mal in <figure> den Text geändert: Elias fried hof vor 1909, Quelle: SLUB Deut sche Foto thek.
Nun sollte der Text umbrechen … macht er aber nicht.
Zitat:
Zitat von
tab
Die Höhe von 116px sieht man auch, aber von der Breite sieht man eben nur sehr wenig. Die volle Höhe sieht man, weil sich das figure-Element einfach entsprechend der Höhe des Inhalts anpasst.
Ebenso wird das Bild keineswegs kleiner, wie in das im obigen Beitrag angehängte Bild sehr wohl zeigt. Auch das »Skaliert zu 88px × 116px« kann ich nirgends entdecken. Würde nur die Breite skaliert werden und die Höhe entsprechend des figure-Element gleich bleiben, ja dann wäre der Inhalt des Bildes verzerrt. Auch das ist nicht der Fall.
Wieso seht Ihr etwas, was bei mir nicht angezeigt wird? Ihr habt Euch die angehängten Bilder angeschaut? Ich möchte Euch ja gern folgen, nur stellt es eben »mein« Firefox nicht dar. Ich drehe mich im Kreis …