Margin in IE11 nicht richtig funktioniert

-3

Ich habe HTML-Code:Margin in IE11 nicht richtig funktioniert

h1{ 
 
    margin-bottom: 2px; 
 
    margin-top: 3px; 
 
}

<div class="header col-md-7 col-sm-8 col-xs-12"> 
 
    <h1><span class="title-pink">FIRST TITLE</span></h1> 
 
    <h1><span class="title-pink">SECOND TITLE</span></h1> 
 
    <h1><span class="title-pink">THIRD TITLE</span></h1> 
 
</div>

On Chrome, diese Marge funktioniert, aber wenn ich öffnen Sie die Website auf 11 IE, diese Margen don Erscheint überhaupt nicht. Warum? Kannst du mir helfen?

Quelle

2017-10-23 Steve

alle Ränder funktionieren nicht, oder nur die erste und die letzte? Erhalten Sie einen Abstand zwischen Ihren h1 Tags? –

Verwenden Sie irgendeine Art von CSS-Reset, um Ihr CSS über Browser hinweg zu normalisieren? Wenn nicht, könnte es etwas wie ein Unterschied in der Zeilenhöhe zwischen den beiden sein, wodurch sie unterschiedlich erscheinen. – delinear

Problem war mit CSS zurückgesetzt, danke @delinear – Steve

Ihr Code-Snippet läuft auf IE 11 und Chrome gleich, also wurde Style korrekt angewendet. Sie haben Bootstrap verwendet, und es wird den Stil h1 überschreiben, sodass IE11 Ihren Stil nicht anwendet. In Chrome wird Bootstrap möglicherweise wegen CORS-Problem nicht geladen. Insgesamt wird das Hinzufügen wichtiger Stilattribute das Problem lösen.

h1{ 
    margin-bottom: 2px !important; 
    margin-top: 3px !important; 
}

Quelle

2017-10-23 13:08:46 songxunzhao

Margin in IE11 nicht richtig funktioniert

Antwort

Verwandte Themen