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

[Johannes C. Laxander]

Hallo,

 

das ist zwar kein TYPO3 Thema, aber vielleicht kann mit ja doch jemand
weiterhelfen!

 

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? 

 

Gruß, Johannes.