IE8 support for CSS Media Query
namiltd opened this issue · 6 comments
Look at repository tree: https://github.com/namiltd/bootstrap-ie8/tree/respond
Demo at: http://namiltd.github.io/bootstrap-ie8/test.htm
and http://phpsysinfo.sourceforge.net/phpsysinfo-bs4/
Test it on IE8
Now bootstrap-ie8.js additionally fixes:
-IE8 support for CSS Media Query
-rem units
-:: to : conversion
-:disabled, :valid, :invalid to ._disabled, ._valid, ._invalid
-rgba() to rgb() or -ms-filter
-opacity to filter:alpha(opacity)
-calc two values
bootstrap-ie8.css is much smaller
bootstrap-ie9.js fixes:
-:valid, :invalid to ._valid, ._invalid
Pull request #43
hey there! this is an interesting idea. Overall though, the aim of this project was for people to very quickly and easily add a tiny snippet of code to the page head so that the conditionally loaded CSS would make Bootstrap 4 sites appear a lot less broken. Adding RespondJS complicates things because it doesn't work on CDN-hosted stylesheets.
Furthermore, I think probably around 99% of IE8 users are using a desktop screen with at least 1000 pixels wide, so they don't need it to be responsive.
The JavaScript polyfills for calc, opacity, rgba etc might be good to add so long as they don't impact performance and they work with CDN-hosted stylesheets, but I wanted the JavaScript file to be optional so I think it's best if the CSS rules we added to address those issues to stay.
I was thinking of listing a few suggestions in the README FAQs for JavaScript polyfill scripts for people to choose whether to add them or not based on their particular project.
The previous bootstrap version (bootstrap 3) by default for IE8 uses script respond.js extension of which is bootstrap-ie8.js (the same CDN restrictions). For this reason I do not expect significant decrease in performance compared to the previous version. Additionally thanks to the js code, many incompatibilities have been solved (also few for IE9).
https://github.com/namiltd/bootstrap-ie8 repository