美文网首页
浏览器兼容

浏览器兼容

作者: hellowade | 来源:发表于2017-06-29 18:17 被阅读0次

(一)CSS hack

不同厂商的浏览器或同一厂商的浏览器的不同版本,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
CSS hack就是针对不同的浏览器去写不同的CSS,让它能在不同的浏览器中也能得到我们想要的页面效果。

(二)浏览器兼容的思路

1.产品的角度思考,该产品面对的受众群体,他们使用哪种类型的浏览器多点,重点是页面的效果还是网站基本功能的搭建
2.该产品做到什么程度,需要让哪些浏览器支持哪些效果
3.根据兼容需求选择对应的技术框架/库(jquery),根据兼容需求选择兼容工具,再利用条件注释、css hack、js能力检测做些修补
4.渐进增强和优雅降级的选择

(三)浏览器兼容的写法

  • CSS属性前缀法
    .box{ color: red; -color:blue;/*ie6*/ *color:pink;/*ie67*/ color:yellow\9;/*ie/edge 6-8*/ }
  • IE条件注释法

相关文章

  • 浏览器前缀 js输出

    浏览器前缀 -ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容ch...

  • 浏览器前缀js输出

    浏览器前缀-ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容chr...

  • 浏览器前缀 js输出

    浏览器前缀 -ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容ch...

  • 浏览器前缀 js输出

    浏览器前缀 -ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容ch...

  • ESModule 浏览器兼容性

    import 浏览器兼容性 export 浏览器兼容性

  • 浏览器前缀,js简介

    浏览器前缀用于兼容流里流气 -ms- 兼容IE浏览器 -moz- 兼容firefox -o- 兼容opera -w...

  • 2019-06-05

    css浏览器前缀: -ms- 兼容IE浏览器; -moz- 兼容firefox -o- 兼容opera, -web...

  • 常见浏览器兼容问题及解决

    一、什么是浏览器兼容问题所谓浏览器兼容问题就是指不同浏览器或同种浏览器不同版本对相同代码解析效果不同,浏览器兼容问...

  • 浏览器常见的兼容问题

    什么是浏览器的兼容问题 浏览器的兼容性问题也就是网页的兼容性或者网站兼容性问题, 指网页在各种浏览器上的cs...

  • CSS浏览器前缀

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

网友评论

      本文标题:浏览器兼容

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