新建css樣式解決瀏覽器兼容性問題

假如你想針對IE或者避開IE,可以使用條件注釋,這種辦法可以對不同版本的IE瀏覽器有針對性的進(jìn)行相關(guān)屬性的定義:

  1. 針對IE瀏覽器,新建一個(gè)css文件

2.在HTML文檔頭部添加 條件注釋 代碼

<code>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="index.css">

</head>

<body>
<h1>瀏覽器兼容性問題</h1>

</body>
</html>

</code>

解釋一下:
一共兩個(gè)樣式,index.css 、ie.css
如果是在IE8瀏覽器下打開網(wǎng)頁,則會調(diào)用ie.css樣式
只有指定的IE瀏覽器版本識別這個(gè)新的樣式,其它的瀏覽器將會徹底忽略它.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容