瀏覽器兼容

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_小樹閱讀 438評論 2 5
  • 瀏覽器兼容 什么是瀏覽器兼容 同一份代碼,有的瀏覽器效果正常,有的不正常不正常的原因是什么?(不支持?bug?)如...
    _空空閱讀 339評論 0 4
  • 1、什么是 CSS hack 不同廠商的瀏覽器(比如Internet Explorer,Safari,Mozill...
    zh_yang閱讀 375評論 0 0
  • 在市面上瀏覽過眾多的計步軟件,可惜沒有開源的代碼,而github上的幾個開源的計步代碼,要么就是記得不準,要么就是...
    xbase閱讀 36,229評論 63 57