Hi Mike,
zwar sind mir IE-Inkompatibilitäten nicht sehr vertraut, aber wenn's hakt, ist man wahrscheinlich trotzdem für jede andere Sichtweise dankbar.
Ich verwende einen Mac, und habe daher leider keinen IE zur Hand. Ich finde auch gerade kein kostenloses Online-Browsertesting Tool für den IE.
Hast du schon die Seite mittels Developer-Tools untersucht und geschaut, welche HTML bzw. CSS-Befehle im Hinblick auf die Responsivität (Urrgg! komisches Deutsch) relevant sein könnten?
Insbesondere bei neueren HTML/CSS-Befehlen hilft manchmal das vorangestellte -ms- für Microsoft-Browser als Präfix.
Mit diesen HTML bzw. CSS-Befehlen kannst du dann gezielt suchen.
In Bootstrap gibt es eine Klasse full-width o.ä. für Bilder, diese responsive Klasse gibt es sicherlich auch für UIKIT.
Im Falle der CSS-Kompatibilität kannst du "caniuse" verwenden, im Hinblick Browserpräfixe den Autoprefixer.
mfg
Christian
Nachtrag (vgl. UIKIT-Dokumentation):
Code:
<hr class="uk-article-divider">
<h2 id="responsive-images"><a href="#responsive-images" class="uk-link-reset">Responsive images</a></h2>
<p>All images in UIkit are responsive by default. If the layout is narrowed, images adjust their size and keep their proportions.</p>
<h3 class="tm-article-subtitle">Example</h3>
<p>Resize the browser window to see the responsive behavior of the image.</p>
<p><img width="480" height="260" src="images/placeholder_480x260.svg" alt=""></p>
<p><span class="uk-badge">NOTE</span> To avoid the responsive behavior and preserve the original image dimensions, add the <code>.uk-img-preserve</code> class to one of your single images. If you have more than one image, you can also add the class to the parent container. This is not required for Google Maps.</p>
Hiernach scheint für das responsive Verhalten keine weitere Klasse notwendig zu sein?!
Offline
