Recently I’ve been working on a decent size project (at least for me), and I was just delegated the task of browser testing, all is fine except for IE. Just some of the styles are missing, like its picking and choosing which ones it wants, but by not loading those certain styles, its breaking a lot of the jquery. Are there known issues with this? What are the fixes?
Share
So it turns out that on this website, we have 35 stylesheets, and the following conditions in IE are true.
If you have more than 31
<style>tags, only the first 31 will be compiled. Any beyond that will be ignored, with no warning from the web console.Only the first 4095 style rules will be computed, anything after that will be ignored.
Stylesheets using
@importnested more than 3 deep, will be ignored.An easy fix for this is reducing your stylesheets into one stylesheet before the page loads with a server-side script.
Good Luck