浏览器兼容

1.什么是 CSS hack

  • 利用浏览器在语法上的bug解决低版本的浏览器兼容,主要就是IE了。没错黑的就是IE

2.谈一谈浏览器兼容的思路

  • 是否兼容
  • 兼容的版本
  • 选择技术框架
  • 选择兼容工具

3.列举5种以上浏览器兼容的写法

属性前缀法

_color
*color
color\9

选择器前缀法

*htnl

IE条件注释法

<!--[if IE]>  <![endif]-->

4.以下工具/名词是做什么的

  • 条件注释:向IE提供或隐藏代码

  • IE Hack:针对IE浏览器编写不同的CSS的让IE能够正常渲染的过程

  • js 能力检测:检测浏览器的能力

  • html5shiv.js:用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。

  • respond.js:用于为 IE6-8 以及其它不支持 CSS3 媒体查询功能的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计。

  • css reset:将浏览器的默认样式全部去掉

  • normalize.css:可以定制的CSS文件

  • Modernizr: 在页面加载后立即检测特性;然后创建一个包含检测结果的 JavaScript 对象,同时在 html 元素加入方便你调整 CSS 的 class 名

  • postCSS:它可以被理解为一个平台,可以让一些插件在上面跑,它提供了一个解析器,可以将CSS解析成抽象语法树,通过PostCSS这个平台,我们能够开发一些插件,来处理CSS。热门插件如autoprefixer,它可以帮我们处理兼容问题,只需正常写CSS,autoprefixer可以帮我的自动生成兼容性代码

5.一般在哪个网站查询属性兼容性?

http://caniuse.com/4

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

推荐阅读更多精彩内容

  • 什么是 CSS hack 引自百度百科的定义: CSS hack由于不同厂商的浏览器,比如Internet Exp...
    肥鱼666阅读 159评论 0 0
  • 1.什么是 CSS hack CSS hack由于不同厂商的浏览器,比如Internet Explorer,Saf...
    Ghj_小树阅读 440评论 2 5
  • 浏览器兼容 什么是浏览器兼容 同一份代码,有的浏览器效果正常,有的不正常不正常的原因是什么?(不支持?bug?)如...
    _空空阅读 342评论 0 4
  • 1、什么是 CSS hack 不同厂商的浏览器(比如Internet Explorer,Safari,Mozill...
    zh_yang阅读 376评论 0 0
  • 在市面上浏览过众多的计步软件,可惜没有开源的代码,而github上的几个开源的计步代码,要么就是记得不准,要么就是...
    xbase阅读 36,274评论 63 57