Milligram: Стили не сохраняются при печати / имитации рендеринга печати

Созданный на 24 мая 2018 · 2Комментарии · Источник: milligram/milligram

Информация о версии

Миллиграмм: - последнее на http://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css

Другое (например, normalize.css, node.js, npm, bower, браузер, операционная система) (если применимо):
normalize.css - последний на http://cdn.rawgit.com/necolas/normalize.css/master/normalize.css
chrome - Версия 66.0.3359.181 (Официальная сборка) (64-разрядная версия) (Linux)

Прецедент

https://codepen.io/robsdudeson/pen/ZoNgvP

Действия по воспроизведению

После перехода на страницу
выберите печать, предварительный просмотр печати или включите эмуляцию рендеринга печати

Ожидаемое поведение

Стили в режиме печати будут более точно соответствовать стилям в режиме просмотра на экране.

Фактическое поведение

Стили применяются по-разному

Нормальный рендеринг

issue-199-no-emulation

Печать Рендеринга

issue-199-print

Hacktoberfest

Источник

robsdudeson

Самый полезный комментарий

Используйте media="all" при связывании css

<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">

См. Обновленный код здесь:
https://codepen.io/marcusasplund/pen/bKBmbo

marcusasplund 8 июн. 2018

👍2

Все 2 Комментарий

Используйте media="all" при связывании css

<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">

См. Обновленный код здесь:
https://codepen.io/marcusasplund/pen/bKBmbo

marcusasplund 8 июн. 2018

👍2

@marcusasplund спасибо за помощь @robsdudeson

@robsdudeson А пока
Пожалуйста, если вам нужна помощь, не стесняйтесь открывать заново или открывать новые!