Internet Explorer 9 Bootstrap 3 wp-less issue

Question

当我在ie9上查看我的网站时，我遇到了一个奇怪的问题，许多css类都坏了。换句话说，当我查看源代码时，我看到许多类没有出现，媒体查询也没有:

.container {
    width: 768px;
}
.container {
    width: 1008px;
}
.container {
    width: 1008px;
}

而不是像这样显示代码:

@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 960px) {
  .container {
    width: 1008px;
  }
}
@media (min-width: 960px) {
  .container {
    width: 1008px;
  }
}

你认为这个问题的原因是什么?你认为这个问题与编译bootstrap less文件时的wp-less有关吗?

谢谢

Answer 1

首先，您将永远不会看到这样的编译代码

@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 960px) {
  .container {
    width: 1008px;
  }
}
@media (min-width: 960px) {
  .container {
    width: 1008px;
  }
}

所以你最好把你的网址分享给我们，这样我们可以帮你检查一下