如何设置打印页面格式与屏幕页面不同？

Question

我有一个包含表格和特殊格式的屏幕页面。我想为打印页面和屏幕页面设置不同的格式，例如列宽、高度等。

我应该如何为屏幕和打印页面设置不同的格式？

Answer 1

您可以使用print 媒体类型来指定特定于打印的样式表：

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

或者，您可以使用@media 内联添加打印样式表：

@media print {
    .title-column { width: 300px; }

}

According to this source，浏览器支持应该不是问题。