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

假如你想针对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浏览器版本识别这个新的样式,其它的浏览器将会彻底忽略它.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容