Question

我正在寻找一个媒体查询来定位除IE以外的所有浏览器。

例如：

    @media (........) {

    }

有办法做到这一点吗？

我使用sass-bootstrap，所以也许那里有一个选项。

谢谢！

这里的代码在IE中不起作用：

.animations {
    .legend {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: internetmarketing 3s linear forwards;
    }
    .line {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: internetmarketing 3s linear forwards;
        animation-delay: 2s;
    }
}

@keyframes internetmarketing {
    to {
        stroke-dashoffset: 0;
    }
}

Answer 1

在Html5 Boilerplate中有一个很好的技巧，你应该尝试一下：）

在HTML的顶部，您应插入以下代码：

<!doctype html>
<!--[if lt IE 8]> <html class="no-js ie ie8 ie7"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie ie8 no-ie7"> <![endif]-->
<!--[if gt IE 8]>    <html class="no-js ie no-ie8 no-ie7"> <![endif]-->
<!--[if !IE]><!--> <html class="no-js no-ie"> <!--<![endif]-->
<head>

现在，您可以为无IE浏览器隐藏或样式化您的页面：

.no-ie {
   .animations {
      .legend {
          stroke-dasharray: 1000;
          stroke-dashoffset: 1000;
          animation: internetmarketing 3s linear forwards;
      }
     .line {
          stroke-dasharray: 1000;
          stroke-dashoffset: 1000;
          animation: internetmarketing 3s linear forwards;
          animation-delay: 2s;
      }
  }

我知道

在所有浏览器中运行良好

css媒体查询以定位除IE之外的所有浏览器

1 个答案: