gpt4 book ai didi

html - css3 媒体查询在 ie10 以下的 IE 中不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 14:08:25 26 4
gpt4 key购买 nike

我创建了一个响应式电子邮件模板,问题是媒体查询在 IE10 以下浏览器中不起作用。我使用 js 库使其运行,但它不起作用。

<head>
<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<style type="text/css">
@media screen and (max-width: 600px) {
/*widths for standard blocks*/
table[class=w15], td[class=w15], img[class=w15] {width:15px !important;}
table[class=w170], td[class=w170], img[class=w170] {width:290px !important;}
table[class=w180], td[class=w180], img[class=w180] {width:145px !important;}
table[class=w200], td[class=w200], img[class=w200] {width:320px !important;}
}
</style>

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

网页链接地址:
http://silista.in/praveen/template-1.html

最佳答案

IE 的最佳媒体查询技巧是

 IE10 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
IE8 @media \0screen {}
IE7 @media screen\9 {}

您可以在上述任何媒体查询中添加您的 IE 特定 CSS 代码。

在这里阅读更多:http://browserhacks.com/

关于html - css3 媒体查询在 ie10 以下的 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20957167/

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