Печать из браузера Chrome некорректно применяет мобильные классы из медиа-запросов
У меня проблемы с мобильными классами, содержащимися в медиа-запросах, которые неправильно применяются в браузере Chrome при печати.
При нажатии ctrl + p для печати (через браузер Chrome) на рабочем столе -> мои мобильные классы применяются в полноэкранном режиме, а версия для печати неверна. Я хочу убедиться, что пользователь может печатать с рабочего стола через браузер Chrome, а мобильные стили / классы / макеты не будут добавлены в версию для печати.
У меня есть кнопка печати на странице и таблица стилей для печати. С кнопкой печати проблем нет, проблема возникает только при печати браузером и только в хроме. Как ни странно, он корректно работает в firefox и IE (поймите!).
Я попытался включить в свой заголовок дополнительную таблицу стилей для печати, например:
<link rel = "stylesheet" href = "/_css_/print.css" type = "text/css" media = "print" />
И в этой таблице стилей print.css (скомпилированной из SCSS) я пробовал разные версии обертывания всех стилей в: @media print { }, все безрезультатно.
Заранее благодарим вас за помощь с этой хлопотной хромированной печатью!
Ответы 1
Попробуйте поместить свои мобильные стили в @media screen:
@media screen and (max-width: 800px) {
}