CSSのデザインはブラウザごとに異なります。なぜですか？

スパンの前にL字形を表示するには、以下のCSS、HTMLコードを使用しています。しかし、その形状はブラウザによって異なります。CSSのデザインはブラウザごとに異なります。なぜですか？

Google Chromeで

Internet Explorerでと

.bulletInline::before { 
 
    font-family: Roboto, sans-serif; 
 
    text-align: center; 
 
    text-decoration: none; 
 
    margin-right: 0px; 
 
    display: inline-block; 
 
    font-weight: bolder; 
 
    font-size: 32px; 
 
    width: auto; 
 
    height: auto; 
 
    color: #BABABA; 
 
    content: ' ⌞ '; 
 
}

<dl> 
 
    <dt> 
 
     <span class="bulletInline"> </span> 
 
    </dt> 
 
</dl>

出典

2017-03-07 Vishnu Sadanandan

Varyingとはどういう意味ですか？彼らはChromeとIE11で私に同じように見える – Nope

多分これは、FirefoxとChrome/IEでUnicodeの特殊文字が異なって表示されるのを助けてくれるかもしれません。（http://stackoverflow.com/questions/4633443/） firefox-vs-chrome-ie）と – Nope

私はChrome、Firefox、IEでコードスニペットを実行します。私は3種類のL字形を持っています（フォントの太さを意味します） –

あなたはリセットCSS/Normalize.css

のようなものを使用してそれをを正規化することができます

あなたのスタイルを適用します。これにより、ほとんどのブラウザで一貫した外観が得られます。

出典

2017-03-07 12:05:26 ajcodez

これは真ですが、 '☺☻♥♣♠♠'などの特殊文字については、すべての賭けはオフです彼らは "標準"文字ではありませんが、多くの人が動いています。 – Nope

@Fran Yeah！それは本当だ！！ – ajcodez

CSSのデザインはブラウザごとに異なります。なぜですか？

答えて

関連する問題