Wie Sie Internet Explorer zur Unterstützung von Medienabfragen erhalten

Wie Sie Internet Explorer zur Unterstützung von Medienabfragen erhalten

Mit den Medienabfragen können Sie auf einfache Weise unterschiedliche CSS-Stile in einer Webseite festlegen, abhängig von der Größe des Bildschirms, in den sie heruntergeladen werden. Dies ist sehr nützlich, wenn Sie ein responsives Webdesign erstellen , z , auch angepasst an Tablets und Mobiltelefone und nicht nur an Computer. Standardmäßig versteht Internet Explorer in seinen Versionen vor 9 diesen Code nicht; Aber es gibt einen Weg, es zu bekommen. In einwie.com erklären wir, wie man Internet Explorer zur Unterstützung von Medienanfragen erhält.

Schritte zu folgen:
1

Wie wir sagen, sind Medienabfragen eines der Werkzeuge des responsiven Webdesigns. Insbesondere handelt es sich um ein CSS3-Modul, mit dem je nach Bildschirmtyp unterschiedliche Stile innerhalb einer CSS-Seite angegeben werden können.

2

Hier ist ein Beispiel für eine halbe Frage :

@media screen und (max-width: 1000px) {

body {background-image: url (‘../img/fondomv.jpg’); Hintergrund-Wiederholung: keine Wiederholung;}

}

3

Mit diesen Codezeilen, die in das Stylesheet des Web geschrieben sind , ein Dokument .css, weisen wir darauf hin, dass das Web in den Planllas mit einer Breite von 1.000 Pixeln oder weniger ein bestimmtes Hintergrundbild hat.

4

Zusätzlich zur Angabe dieses Codes können wir viele andere einrichten, wie zum Beispiel die Schriftart, das unterschiedliche Menüformat usw.

5

Als Beispiel zeigt das Bild eine Webansicht auf Bildschirmen mit einer Breite von mehr als 1.000 Pixeln.

6

Und so sieht es mit verschiedenen Stiländerungen aus, die dank Medienabfragen angewendet werden.

7

Die meisten Browser akzeptieren halbe Abfragen , jedoch Versionen vor Internet Explorer 9 , nein; was dazu führt, dass sie die festgelegten Stiländerungen nicht übernehmen.

8

Es gibt eine sehr einfache Möglichkeit, dieses Problem zu lösen. Es geht darum , den Code zu schreiben, den Sie im Bild im Kopf der betroffenen Webseite sehen können, es ist nicht das Stylesheet, sondern in der HTML-Seite.

Wenn Sie weitere Artikel ähnlich wie Internet Explorer zur Unterstützung von Medienabfragen lesen möchten, empfehlen wir, dass Sie unsere Internetkategorie eingeben.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *