マージンは、私はHTMLコード持っているIE11

Question

では正しく動作しません：Chromeで

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>

を、このマージンが正常に動作しますが、私はIE 11のウェブサイトを開くと、これらのマージンドン全く現れません。どうして？手伝って頂けますか？

Answer 1

コードスニペットはIE 11とchromeで同じに実行されるため、スタイルが正しく適用されました。 ブートストラップを使用しました。これはh1スタイルを上書きするため、IE11はあなたのスタイルを適用しません。クロームでは、CORSの問題のためにブートストラップが読み込まれないことがあります。 全体的に、スタイル属性に重要な！を追加すると問題が解決します。

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