Chrome window.print() Отсутствующие элементы страницы

Question

У меня в настоящее время проблема с Chrome (47.0.2526.111, OS X), не отображающая всю страницу как в превью, так и при печати при использовании кнопки с окном onclick =. print().

Некоторые элементы не отображаются, например, некоторые блоки абзацев и иногда некоторые изображения.

Эта проблема не реплицируется в другом браузере, и, как ни странно, она появилась только после того, как я добавил кнопку печати, и поведение не наблюдается при использовании Ctrl + P или в эмуляции мультимедиа стилей печати Chrome.

Проблема кажется очень темпераментной, если я отобразил вид печати с помощью Ctrl + P, я могу вернуться назад и успешно использовать кнопку печати со всеми элементами рендеринга.

Answer 1

Используйте отдельный файл print.css для media="print":

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

в ваших медиа запросов:

@media print{ 
    div.print{ 
     width: 100%; 
    } 
}