Chrome CSS Hack не работает в режиме предварительного просмотра

У меня проблема с выравниванием только в Chrome, и я использую следующий код Chrome CSS в моем файле print.css: @media и (-webkit-min-device-pixel-ratio:0){ .invoiceTable .smallerInput{ margin-top:9px! Важно; } }

Когда я иду на предварительный просмотр, стиль не был применен. Если я добавлю CSS-хак только в Chrome в обычный CSS-режим просмотра страниц, я увижу, что стили правильно применяются в Chrome и не затрагиваются в других браузерах. Похоже, что это не обнаружено для предварительного просмотра печати по некоторым причинам. Кто-нибудь знает, как заставить его работать на предварительный просмотр печати для Chrome?

2 ответа

Решение

Вам нужно использовать @media printнацелиться на принтер.

Использовать тег ссылки

<link rel="stylesheet" href="my-sample-print-style.css" media="print"/>
Другие вопросы по тегам