Как работает эта таблица стилей печати? - PullRequest
3 голосов
/ 26 мая 2010

Мне действительно нравится, как http://www.honorshaven.com/ выглядит напечатанным (в pdf). Я просмотрел источник, чтобы попытаться выяснить, как они это сделали (моя навигация всегда превращается в уродливые списки маркеров при печати ...) - и я в растерянности. Кто-нибудь знает? Любая помощь будет потрясающей! Спасибо, Martin

[Редактировать] Я знаком с таблицами стилей печати - но разве они не доступны в основном через ссылку "print friendly" / "print me"? В этом случае я просто иду на панель браузера и выбираю печать. Я уверен, что упускаю что-то глупое, но я не знаю, что ...

Ответы [ 3 ]

8 голосов
/ 26 мая 2010

Вам необходимо использовать таблицу стилей, предназначенную для печати. Для этого установите тип носителя для печати вместо всех или экран. В этой отдельной таблице стилей вы можете скрыть свои навигационные меню, изменить шрифты, интервалы, поля и т. Д., И это зависит от вывода на печать.

Вот отличная статья в ListApart о таблицах стилей печати CSS .

1 голос
/ 26 мая 2010

, если вы действительно хотите скопировать их, не объявляйте ваши медиа в теге ссылки rel. Или лучше просто поставить media = "all". Таким образом, при печати страницы все ваши стили останутся прежними.

1 голос
/ 26 мая 2010

Вы можете указать, какую таблицу стилей использовать для разных носителей.

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

Проверьте эту страницу W3 для различных доступных типов носителей:

W3C - Типы носителей

...