Css 使用phantomjs生成png时忽略媒体打印

我正在使用

PhantomJS

创建一个带有以下html的

png

，我希望在生成

png

时隐藏我的

hideMe

类。不幸的是，创建

PDF

会隐藏它，但不会用于

jpg

或

png

。如何使用媒体查询打印隐藏以下div

var page=require（'webpage'）。create（），
系统=要求（“系统”），
地址、输出、大小；
if（system.args.length<3 | | system.args.length>5）{
log（'用法：rasterize.js URL文件名[paperwidth*paperheight | paperformat][zoom]）；
log（'paper（pdf输出）示例：“5in*7.5in”，“10cm*20cm”，“A4”，“Letter”）；
log（'image（png/jpg输出）示例：“1920px”整个页面，窗口宽度1920px'）；
控制台日志（“800px*600px”窗口，剪裁为800x600”）；
幻影。出口（1）；
}否则{
地址=system.args[1]；
输出=系统参数[2]；
page.viewportSize={宽度：600，高度：600}；
if（system.args.length>3&&system.args[2].substr（-4）=“.pdf”）{
size=system.args[3]。拆分（'*'）；
page.paperSize=size.length==2？{宽度：大小[0]，高度：大小[1]，边距：“0px'}
：{格式：system.args[3]，方向：“纵向”，边距：“1cm”}；
}否则如果（system.args.length>3&&system.args[3].substr（-2）=“px”）{
size=system.args[3]。拆分（'*'）；
如果（size.length==2）{
pageWidth=parseInt（大小[0]，10）；
pageHeight=parseInt（大小[1]，10）；
page.viewportSize={width:pageWidth，height:pageHeight}；
page.clipRect={top:0，left:0，width:pageWidth，height:pageHeight}；
}否则{
console.log（“大小：”，system.args[3]）；
pageWidth=parseInt（system.args[3]，10）；
pageHeight=parseInt（pageWidth*3/4，10）；//这是一个很好的假设
console.log（“页面高度：”，页面高度）；
page.viewportSize={width:pageWidth，height:pageHeight}；
}
}
如果（system.args.length>4）{
page.zoomFactor=system.args[4]；
}
第页打开（地址、功能（状态）{
如果（状态！=“成功”）{
console.log（'无法加载地址！'）；
幻影。出口（1）；
}否则{
page.evaluate（函数（）{
document.body.bgColor='white'；
});
setTimeout（函数（）{
页面渲染（输出）；
phantom.exit（）；
}, 200);
}
});
}

#测试1{
高度：250px；
宽度：500px；
背景色：红色；
}
#测试2{
高度：250px；
宽度：500px；
背景颜色：蓝色；
}
@媒体印刷品{
希德姆先生{
显示：无！重要；
}
}
测试组1
测试组2
这应该隐藏起来