меньший стиль печати

Question

Я хочу использовать lesscss для печати, но, похоже, браузер не распознает @media print,

, поскольку я не хочу вставлять

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

встраница.

Может кто-нибудь помочь в этом вопросе?Код ресурса Sourcess здесь - здесь

https://github.com

спасибо

Answer 1

<link rel="stylesheet/less" href="http://worldMaps.org/maps/styles/growth.less" media="all">

Важной частью является media = "all" , иначе он не сможет правильно проанализировать вашу @media print {.no-print {display: none;}} внутри вашего файла, на который ссылается меньше..

Answer 2

Пока я использовал .less, опция веб-разработчика для отображения стилей печати не была для меня рендерингом.

Мое решение , хотя в зависимости от браузера может отображаться неправильно на 100%, заключается в переключении свойств @ media print и @ media screen в таблица стилей, чтобы при загрузке страницы стили печати отображались.

Я не предлагаю это решение, если:

• Вам необходимо проследить стиль экрана и печати
• Вам нужны точные измерения

Я предлагаю это решение, если:

• Вы не хотите постоянно возвращаться к предварительному просмотру после каждого регулировка
• Вы готовы пожертвовать вышесказанным, чтобы проверить расположение контента и структуру стиля

Answer 3

Если ваш вопрос заключается в том, как встраивать меньше стилей для печати мультимедиа: атрибут media в теге ссылки сработал для меня.

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

media="print" имеет важное значение, поскольку по умолчанию меньше вставляет скомпилированные стили как media="screen".

Answer 4

Если вы используете lesscss, используйте свойство @media в файле "less".

Примерно так:

@media: mobile;

.mixin (@a) when (@media = mobile) { ... }
.mixin (@a) when (@media = desktop) { ... }

И файл импорта обычно:

<link rel="stylesheet/css" type="text/css" href="themes/css/print.less">

http://lesscss.org/#-pattern-matching-and-guard-expressions