Chrome的打印预览更改页面样式

可以使用@media打印样式来解决此问题。

示例代码：

@media print { /* 需要更改的样式 */ body { font-size: 12pt; color: #333; }

/* 隐藏不需要打印的元素 */ .no-print { display: none; } }

这样，在打印预览中，样式会按照@media print所定义的样式进行显示，而不会和页面上的样式不一致。同时，可以利用@media print将一些不需要打印的元素隐藏起来，使打印输出更为清晰简洁。