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

Question

У меня есть экранная страница, которая содержит таблицы и специальное форматирование.Я хочу установить различное форматирование, например, ширину столбца, высоту и т. Д. Для страницы печати и страницы экрана.

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

Answer 1

Вы можете использовать тип носителя print для указания таблицы стилей для печати:

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

Кроме того, вы можете добавить встроенную таблицу стилей печати, используя @media:

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

}

Согласно этому источнику , поддержка браузера не должна быть проблемой.