美文网首页
新建css样式解决浏览器兼容性问题

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

作者: 秋葵2022 | 来源:发表于2017-03-28 16:56 被阅读54次

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

相关文章

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

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

  • CSS初始化,浮动,外边距塌陷,定位

    css初始化代码 初始化css的目的是为了样式统一,解决谷歌浏览器和IE浏览器兼容性问题清除浮动代码和简单的初始化...

  • 浏览器兼容性问题及解决方案(JS部分)

    关于浏览器兼容性问题的姊妹篇《浏览器兼容性问题及解决方案(CSS部分)》请点击这里。 常见的JS兼容性部分的问题有...

  • browserslist使用手册

    网页样式浏览器兼容解决;查找目标浏端——解决哪些浏览器版本,node版本是我们想兼容的。 for css 工具 配...

  • CSS Hack

    Hack是为解决浏览器样式兼容性而生。 链接:CSS Hack

  • CSS浏览器前缀

    浏览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器 -moz- 兼容...

  • Hack技术

    CSS Hack来解决浏览器局部的兼容性问题,hack主要针对IE浏览器常见的有三种形式:css属性Hack,cs...

  • 浏览器兼容性问题

    样式兼容性问题(css):可以重置全局样式(自己手写reset.css)也可以使用 Normalize.cssie...

  • 前端知识CSS浏览器前缀

    浏览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器-moz- 兼容f...

  • html(入门)CSS浏览器前缀

    浏览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器-moz- 兼容f...

网友评论

      本文标题:新建css样式解决浏览器兼容性问题

      本文链接:https://www.haomeiwen.com/subject/tmojottx.html