Как тестировать версию страницы для печати?

Question

[Егор Огурцов]

Прикрутил к странице файл со стилями для печати

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

В отладчике хрома все отлично, согласно print.css (в настройках выбираю Media: Print), но в предпросмотре страницы все по другому:
1. Не видны картинки
2. Юзается мобильная сетка

Куда копать?

Answer 1

[Котик Антон]

1. Не видны картинки

Это в настройках при печати настраивается, чтобы фоновые картинки показывались, если только у вас не прописано что-то вроде:

@media print {
    * {
        background-image: none !important;
    }
}

2. Юзается мобильная сетка

Нужно поправить media в ваших CSS, добавить print или убрать screen, где это нужно. И тогда на печати легко добьётесь того вида страницы, который вам нужен.

/* Пример: принтеры и экраны >= 1024px */
@media print, (min-width: 1024px) {

}