html - Internet Explorer(所有版本)不只对两个随机元素应用媒体查询

Question

我在 @media screen 查询中有两个元素/类，仅 Internet Explorer 无法识别。 @media screen 查询下的所有其他元素/类都被 IE 完美识别。我一直挠头，似乎不明白为什么。

强制缓存已刷新。

HTML

<span id="follow-76">
   <span data-userid="76" class="icon-user-follow" title="Follow" onclick="follow_user(76)">
   </span>
</span>

CSS

@media screen and (max-width: 450px) {

    .icon-user-follow, .icon-user-followed {
      display: block;
      padding: 5px 1px 5px 3px;
      border: 1px solid;
      border-radius: 50px; -webkit-border-radius:50px;
      -moz-border-radius:50px;
      top: 18px;
      left: initial;
      right: 25px;
    }

    .icon-user-follow {
      border-color:#69bc63
    }

    .icon-user-followed {
      border-color:#555B67
    }
}

Answer 1

我想通了，这里就是答案，以供将来引用。

Internet Explorer 无法识别 left: initial;。我不得不将其更改为 left: auto; 并且一切都按预期工作。

希望这对以后遇到此问题的其他人有所帮助。