布局是移动优先的，所以只加载移动样式。出于某种原因，媒体在 9k 中不工作，已经做了什么：
<meta http-equiv="X-UA-Compatible" content="IE=9">
@import "concat-less/bem.mobile.less";
// 600+
@media (min-width: 600px) {
@import "concat-less/bem.tablet.less";
}
// 960px and (not handheld) - десктопы (4 колонки)
@media (min-width: 960px) {
@import "concat-less/bem.desktop.min.less";
}
// 1025px - планшеты и десктопы (4 колонки)
@media (min-width: 1025px) {
@import "concat-less/bem.desktop.less";
}
// максимальная ширина контейнера 1280
@media (min-width: 1280px) {
@import "concat-less/bem.desktop.big.less";
}
在 IE 11 的 IE 9 模拟器中，一切都很好，但在真正的 IE 9 中，一切都不好。
问题的原因是什么？
结果，做了什么：
对于 IE，编译了一个带有样式的单独文件，没有媒体，也没有移动版本。为什么它们不起作用仍然是个谜。他们到处都写到 IE9 支持。
更新！
IE 不支持超过 4096 个样式选择器。
IE 的样式被分解为单独的 css。