ie8瀏覽器的兼容性問題及解決(jquery,bootstrap)

1.ie8瀏覽器報錯’$’未定義:javascript

解決:瀏覽器開發者工具顯示’$’未定義,致使javascript不能運行css

       '$'是jquery的標誌,查看jquery的版本號以及它支持的瀏覽器,發現ie8不支持jquery3.?以上的版本,html

      報錯證實你使用的jquery版本太高,在ie8能夠使用jquery-1.11.3.min.jsjava

2.Bootstrap趕上ie8 圖片大小沒法控制問題[若程序在其餘瀏覽器中運行格式良好,ie8圖片大小出現問題]jquery

解決:ie8瀏覽器測試時發現,在其餘瀏覽器下運行格式良好,而在ie8圖片大小出現問題,致使頁面排版混亂bootstrap

      此問題是ie8和bootstrap的兼容性很差致使瀏覽器

      1. 參考http://www.open-open.com/lib/view/open1453350948730.html修改相關內容解決bootstrap3 IE8瀏覽器兼容問題工具

      2.bootstrap.css中添加測試

 

img {
  /*width: auto\9;註釋掉*/
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

 

   3.請設置好圖片的寬度和高度,還有其父級元素的高度和寬度spa

注意:若在其餘瀏覽器中格式不ok的話,查一下有沒有清除浮動

相關文章
相關標籤/搜索