Javascript 打印与屏幕上不同大小的文本

我正在使用JS打印一个页面。 有谁能告诉我，为什么无论屏幕上的文本大小，它总是打印相同大小的文本，大约10像素

<a id="printPageButton" onclick="printPage();">         
<button>Print</button>
</a> 

<script type="text/javascript">
function printPage() {
    //Get the print button and put it into a variable
    var printButton = document.getElementById("printPageButton");
    //Set the print button visibility to 'hidden' 
    printButton.style.visibility = 'hidden';
    //Print the page content
    window.print()
    //Set the print button to 'visible' again 
    //[Delete this line if you want it to stay hidden after printing]
    printButton.style.visibility = 'visible';
}
</script>

印刷品
函数printPage（）{
//获取打印按钮并将其放入变量中
var printputton=document.getElementById（“printPageButton”）；
//将打印按钮可见性设置为“隐藏”
printButton.style.visibility='隐藏'；
//打印页面内容
window.print（）
//再次将打印按钮设置为“可见”
//[如果要在打印后保持隐藏，请删除此行]
printButton.style.visibility='visible'；
}

---

谢谢

你是通过设置为media=“screen”的样式表来设置文本样式的吗？你的样式表上说你的文本应该是10px吗？为什么不将

CSS

与

@media print

一起使用呢？没有我的文本大小设置为16px…没有关于media=“screen i my ssok il”的参考，谢谢