I should also add that the reason I say this is that IE8 is not the only browser that doesn't support media queries. There are many browsers that were written before IE8 and installed on phones with no upgrade path. This is just one of the biggest ones. On 15 Nov 2015 7:08 a.m., jdlrobson(a)gmail.com wrote: The solution to this is to do true mobile first development e.g. wrap your desktop and tablet styles in media queries. Rendering a mobile site in IE8 is an acceptable trade off and ensures the content remains readable which is the most important thing here. We (Wikimedia devs) still build desktop first in all our major projects and we really need to shift away from this. We can't simply build for desktop and then adapt it to work on mobile which seems to be a common misconception by anyone who hasn't built things for mobile. This approach is costly as we end up rebuilding things we've already built to make them work on mobile. We used to have a mobile department that pretty much did this as a full time job but now that has gone we really need to adopt this tried and tested approach. On 13 Nov 2015 2:20 a.m., "Isarra Yos" <zhorishna(a)gmail.com> wrote: Perhaps I should clarify why this is a problem. In fully responsive skins, you generally have separate stylesheets for desktop, mobile, really big desktop, whatever in order to keep the CSS rules simple and not redundant (to avoid having mobile overriding desktop rules or visa versa, you just only send the mobile styles to mobile, the desktop to desktop). You do this by setting maximum and minimum screen sizes in the @media queries, but the problem is, IE8 does not support this, and will not load a stylesheet at all if these sizes are set. So you need to give it the desktop styles some other way, without the @media size rules present. While it is possible to simply add CSS to the page header using outputPage, probably bypassing RL and all that entirely, this only works with CSS, not LESS, because all the LESS magic is happening within RL. So without RL, that means you need to render your desktop stylesheet into CSS for this, which means you now need to maintain it in two different places even though it's the same rules in both. Using js got around this whole problem as with that you can simply check the browser there and then conditionally mw.loader.load a size-free module for IE8. Is there any other way around this? On 12/11/15 02:56, Isarra Yos wrote: _______________________________________________ Wikitech-l mailing list Wikitech-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/wikitech-l