Как настроить форматирование страницы печати отличается от экранной страницы?

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, поддержка браузера должна не проблема.