Responsive Design in Internet Explorer

Ich habe eine Seite mit ansprechendem Design bauen. In Chrome, Mozilla Firefox und Opera ist alles normal, aber der Internet Explorer (Version 10,11) zeigt auch die Tablet-Version auf dem Desktop-PC an. Wie kann ich IE zwingen, Desktop-Version zu verwenden? Vielen Dank im Voraus. Medien-Anfragen sind wie folgt:Responsive Design in Internet Explorer

@media only screen and (min-width: 481px) {}\\ for Tablet 
@media only screen and (min-width: 769px) {} \\for Desktop PC

Quelle

2017-05-31 Nahid Mirzayev

Sie für IE zusätzlichen Code benötigen: https://msdn.microsoft.com/en-us/library/hh869615(v=vs.85).aspx – Gerard

Medienabfragen werden von IE 10 & 11 unterstützt. Könnten Sie Sie css einschließlich dieser Medienabfragen freigeben? –

@Gerard, danke für deine Mühe. Ich habe versucht, die Lösung in Ihrem Link, konnte es aber nicht funktionieren. Für den Bildschirm min-width: 481px sollte ich @ -ms-viewport {width: 481px; }. Richtig? –

den folgenden Code Lasten mystyles.css in allen Browsern und Lasten complex.css nur in Internet Explorer 8:

<link rel="stylesheet" media="screen and (min-width:600px)" href="mystyles.css" /> 

<!--[if (IE 8)]> 
<link rel="stylesheet" media="screen" href="complex.css" title="complex layout" /> 
<![endif]-->

Quelle

2017-05-31 05:37:33

Sollte ich separate CSS-Datei für Internet Explorer verwenden? Und dieser Code muss auf jeder Seite sein? –

ITs hinzufügen Header-Datei –

Wenn ich diese Zeichenfolge zum Header hinzufügen, wird es nicht richtig auf mobilen Geräten angezeigt –

Responsive Design in Internet Explorer

Antwort

Verwandte Themen