gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 12:14:26 24 4
gpt4 key购买 nike

我正在寻找一个针对除 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;
}
}

最佳答案

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 之外的所有浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25156727/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com