新建css样式解决浏览器兼容性问题

2017-03-28  本文已影响54人  秋葵2022

假如你想针对IE或者避开IE,可以使用条件注释,这种办法可以对不同版本的IE浏览器有针对性的进行相关属性的定义:

  1. 针对IE浏览器,新建一个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>

解释一下:
一共两个样式,index.css 、ie.css
如果是在IE8浏览器下打开网页,则会调用ie.css样式
只有指定的IE浏览器版本识别这个新的样式,其它的浏览器将会彻底忽略它.

上一篇 下一篇

猜你喜欢

热点阅读