Javascript 如何控制打印字体大小

我允许我的用户打印，但输出太大（我必须在打印对话框中手动调整到60%左右）。我使用css媒体查询（如下）来控制内容，并尝试更改

html，body{}

的字体大小，而不更改输出字体大小。打印到Adobe PDF可以正确打印

你知道我做错了什么吗

我的打印链接：

<a href="#" onclick="window.print(); return false;"></a>

---

最终发现了这一点，原因是多方面的。主要的是，我还需要为包含文本的div设置字体大小。在主css中，我将body字体大小设置为62.5%，div字体大小设置为130%。当我将@media print{}的主体字体大小设置为12pt时，它继续使用130%div设置，因此打印非常大

---

我相信我通过更改正文字体大小来调整字体大小的努力是有缺陷的，因为我缩小了我的css，并且可能忘记了在每次更改后缩小字体大小。

这些代码有效。。。我认为问题在于缓存。。尝试在私有模式浏览器中打开..因为CSS仅适用于打印？在屏幕上查看时不会。我正在使用Firefox，但尝试在Chrome中打印，结果相同。如果您有外部CSS，它将保存在缓存中。清除缓存。当你关闭浏览器时，Firefox可以设置为这样做。是的，但我想知道它是从何处获得巨型字体大小的。我根本没有玩css字体大小，否则我会马上想到缓存。谢谢你的帮助。

@media print {
    body * {
        visibility: hidden;
    }
    .printme, .printme * {
        visibility: visible;
    }
    .printme {
        position: absolute;
        left: 0;
        top: 0;
    }
    .printme, .printme:last-child {
        page-break-after: avoid;
    }

    .display-none-on, .display-none-on * {
        display: none !important;
    }
    html, body {
        height: auto;
        font-size: 12pt; /* changing to 10pt has no impact */
    }

}