Css 打印时隐藏边框并调整大小（更改缩放）

有关地点：

我有这个：

其中，当用户打印/预览时，我希望它将缩放更改为100%，并去掉边框

我正在努力：

@media print
{
    #print_special {
        border-style: none;
        border: 0px solid black;
        zoom: 1;
    }
}

---

但它并不像人们想象的那样起作用。如果我执行

显示：无它按预期摆脱了div，因此我知道@media打印工作正常。问题是什么？
内联CSS正在覆盖打印样式表。最简单的方法是更改@media print{}样式，如下所示：

@media print
{
    #print_special { border: none !important; zoom: 1 } 
}

这个！重要的一部分告诉浏览器，您不希望该值被进一步向下层叠定义的样式覆盖。更进一步地说，我建议将所有样式信息从标记中提取出来，并将其全部放入包含媒体查询的CSS文件中，这样您就不必担心级联问题。但如果你不想这样做，就用它吧！重要的