響應式 ie8的一些兼容方式

Internet Explorer 8 和 9

Internet Explorer 8 和 9 是被支持的，然而，你要知道，不少CSS3屬性和HTML5元素 -- 例如，圓角矩形和投影 -- 是確定不被支持的。另外，Internet Explorer 8 須要Respond.js配合才能實現對媒體查詢（media query）的支持。

Internet Explorer 8 和 Respond.js

在開發環境和生產（線上）環境須要支持 Internet Explorer 8 時，請務必注意下面給出的警告。

Respond.js 和 跨域（cross-domain） CSS 的問題

若是 Respond.js 和 CSS 文件被放在不一樣的域名或子域名下面（例如，使用CDN）時須要一些額外的設置。請參考 Respond.js 文檔 獲取詳細信息。

Respond.js 和 file://

因爲瀏覽器的安全規則問題，Respond.js 不能經過 file:// 協議（打開本地HTML文件所用的協議）訪問的頁面上發揮正常的功能。若是須要測試IE8下面的響應式特性，必須用http服務器（例如apache、nginx）託管HTML頁面才能夠。請參考 Respond.js 文檔 獲取更多信息。

Respond.js 和@import

Respond.js 不支持經過 @import 引入的CSS文件。例如，Drupal 通常被配置爲經過 @import 引入CSS文件，Respond.js對其將沒法起到做用。 請參考Respond.js 文檔獲取更多信息。

Internet Explorer 8 與 box-sizing

IE8不能徹底支持box-sizing: border-box;與min-width、max-width、min-height或max-height一同使用。因爲此緣由，從Bootstrap v3.0.1版本開始，咱們再也不爲.container使用max-width。

IE兼容模式

Bootstrap不支持IE的兼容模式。爲了讓IE瀏覽器運行最新的渲染模式，建議將此 <meta> 標籤加入到你的頁面中：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

此標籤被加入到全部文檔頁面和案例頁面中，以確保在每一個被支持的IE瀏覽器中保持最好的頁面展示效果。

 

做者：妞妞連接：https://www.zhihu.com/question/21634225/answer/35194052來源：知乎著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。