[TYPO3-german] OT: Probleme mit MediaQuery und min-with

[Lars Brinkmann]

Jau, statt min-width mit max-width testen. Kleinste Auflösung oben.

<picture>
  <source srcset="img_smallflower.jpg" media="(max-width: 400px)">
  <source srcset="img_mediumflower.jpg" media="(max-width: 800px)">
  <source srcset="img_flowers.jpg">
  <img src="img_flowers.jpg" alt="Flowers">
</picture>

Allerdings ungetestet.

Am 12. September 2016 um 13:46 schrieb Johannes C. Laxander <jc at laxander.com>:
> Danke für deine Anregung Lars.
> Aber nach der Umstellung wird in allen Browsern das kleinste Bild gezeigt.
>
> Andere Ideen???
>
> Gruß, Johannes.
>
>> nur aus dem Bauch heraus - was passiert, wenn Du die Reihenfolge
>> umdrehst, also den kleinsten Wert oben, den größten Wert zum Schluss?
>>
>> Viele Grüße, Lars Brinkmann
>>
>> Am 11. September 2016 um 13:30 schrieb Johannes C. Laxander
>> <jc at laxander.com>:
>> >
>> > Ich habe diesen gerenderten HTML Code einer TYPO3 Seite auf Basis
>> > bootstrap4, der im CHROME und edge funktioniert, nicht aber im IE,
>> > Firefox und Safari (neueste Versionen).
>> >
>> > Auf meinem Desktop (1920 x 1080) zeigen Firefox, Safari und IE die
>> > kleinste Bildauflösung an (bild_fdb87a383c.jpg).
>> >
>> >
>> >
>> > <picture class="img-responsive">
>> >
>> >                 <source srcset="bild.jpg" media="(min-width:
>> > 1920px)"></source>
>> >
>> >                 <source srcset="bild_a42dce1964.jpg" media="(min-width:
>> > 1200px)"></source>
>> >
>> >                 <source srcset="bild_2c71e6744c.jpg" media="(min-width:
>> > 992px)"></source>
>> >
>> >                 <source srcset="bild_6e90a36d46.jpg" media="(min-width:
>> > 768px)"></source>
>> >
>> >                 <source srcset="bild_14025e50b0.jpg" media="(min-width:
>> > 544px)"></source>
>> >
>> >                 <source srcset="bild_871f422124.jpg" media="(min-width:
>> > 360px)"></source>
>> >
>> >                 <source srcset="bild_fdb87a383c.jpg"></source>
>> >
>> > <img alt="Bürobegrünung" src="bild_fdb87a383c.jpg"></picture>
>> >
>> >
>> >
>> > Wie kann ich das Problem lösen?
>
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german



-- 
brinkmann.lars at gmail.com