添加@media not print in css样式后,它们';我们不是在IE11工作

添加@media not print in css样式后,它们';我们不是在IE11工作,css,internet-explorer,Css,Internet Explorer,我上了一节课 .content { margin-left: 110px; -ms-flex-positive: 1; flex-grow: 1; flex-shrink: 1; -ms-flex-negative: 1; flex-basis: 0; position: relative; width: 50%; } 在所有浏览器中都运行良好。但是在把它改成 @media not print { .content { m

我上了一节课

.content {
    margin-left: 110px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-basis: 0;
    position: relative;
    width: 50%;
}
在所有浏览器中都运行良好。但是在把它改成

@media not print {
.content {
    margin-left: 110px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-basis: 0;
    position: relative;
    width: 50%;
}}

它工作得很好!我正在使用Windows10和ie11。我发现你们的密码没有差别,也许这让你们感到困惑!为了清晰起见,我添加了一些额外的代码,
background:red
@media not print{}
显示背景,但打印屏幕不显示背景。所以它起作用了

.content{
左边距:110像素;
-ms-flex阳性1例;
柔性生长:1;
弹性收缩:1;
-ms-flex阴性:1;
弹性基准:0;
位置:相对位置;
宽度:50%;
}
@媒体不打印{
.内容{
左边距:110像素;
-ms-flex阳性1例;
柔性生长:1;
弹性收缩:1;
-ms-flex阴性:1;
弹性基准:0;
位置:相对位置;
宽度:50%;
背景:红色;/*用于测试代码*/
}
}

你好

它工作得很好!我正在使用Windows10和ie11。我发现你们的密码没有差别,也许这让你们感到困惑!为了清晰起见,我添加了一些额外的代码,
background:red
@media not print{}
显示背景,但打印屏幕不显示背景。所以它起作用了

.content{
左边距:110像素;
-ms-flex阳性1例;
柔性生长:1;
弹性收缩:1;
-ms-flex阴性:1;
弹性基准:0;
位置:相对位置;
宽度:50%;
}
@媒体不打印{
.内容{
左边距:110像素;
-ms-flex阳性1例;
柔性生长:1;
弹性收缩:1;
-ms-flex阴性:1;
弹性基准:0;
位置:相对位置;
宽度:50%;
背景:红色;/*用于测试代码*/
}
}

你好

在@media print中,添加
显示:无!重要的
对于您的
.content
它将适用于所有浏览器

*{
框大小:边框框;
位置:相对位置;
}
.内容{
左边距:110像素;
-ms-flex阳性1例;
柔性生长:1;
弹性收缩:1;
-ms-flex阴性:1;
弹性基准:0;
位置:相对位置;
宽度:50%;
}
@媒体印刷品{
.内容,
.内容*{
显示:无!重要;
}
}

在@media print中,添加显示:无!重要的;它会起作用的。

在@media print中,添加
显示:无!重要的
对于您的
.content
它将适用于所有浏览器

*{
框大小:边框框;
位置:相对位置;
}
.内容{
左边距:110像素;
-ms-flex阳性1例;
柔性生长:1;
弹性收缩:1;
-ms-flex阴性:1;
弹性基准:0;
位置:相对位置;
宽度:50%;
}
@媒体印刷品{
.内容,
.内容*{
显示:无!重要;
}
}

在@media print中,添加显示:无!重要的;它会起作用的。

在分配类名时,您没有输入“=”

它应该像下面这样

<div class="wrapper"> This is wrapper
<div class="navigation"> This is navigation</div>
<div class="content">This is content </div>
这是包装器
这是导航
这就是内容
我用Windows10,IE11版本测试了代码,它的工作情况与预期一致


请尝试更正您的代码并让我们知道结果。

在分配类名时,您没有输入“=”

它应该像下面这样

<div class="wrapper"> This is wrapper
<div class="navigation"> This is navigation</div>
<div class="content">This is content </div>
这是包装器
这是导航
这就是内容
我用Windows10,IE11版本测试了代码,它的工作情况与预期一致


请尝试更正您的代码,并告知结果。

添加您的html示例代码,测试的是哪个Windows版本?Windows 10,IE 11添加您的html示例代码,测试的是哪个Windows版本?Windows 10,IE 11,但我只将代码保留在
@介质中,不打印{…
如果上面没有.content类,它不应该工作吗?是的!
@media not print{}
意味着它应该工作在除印刷媒体以外的所有媒体上。你到底想实现什么?但是我只把代码放在
@media not print{…
上面没有.content类,它不应该工作吗?是的!
@media not print{}
意味着它应该适用于除印刷媒体以外的所有媒体。您真正想要实现的是什么?