Как настроить таргетинг только на веб-браузеры в таблице стилей печати? - PullRequest
Новая
       12

Как настроить таргетинг только на веб-браузеры в таблице стилей печати?

2 голосов
/ 01 апреля 2011

Я сталкиваюсь с некоторыми проблемами макета с таблицей стилей печати в браузерах на основе webkit, и мне было интересно, есть ли селектор CSS, или другой способ сделать хакер CSS, предназначенный только для печати webkit / media?

Классический селектор медиа-запросов webkit-min-device-pixel-ratio не работает для печати. ​​

Так что же печатный эквивалент этого CSS-хака? (изменение носителя для печати, не работает):

@media screen and (-webkit-min-device-pixel-ratio:0) {</p> <p>}

Ответы [ 3 ]

5 голосов
/ 01 апреля 2011

Вы можете использовать javascript для загрузки файлов CSS только для браузеров WebKit. 

<head>
    <link rel="stylesheet" id="hacks"/>
    <script>
        if(navigator.userAgent.indexOf("WebKit") != -1) {
            document.getElementById("hacks").href="hacks.css";
        }
    </script>
</head>
3 голосов
/ 01 апреля 2011

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

@media print and (-webkit-min-device-pixel-ratio:0) {
    .black {
        color:black;
    }
}

В других браузерах есть похожие функции.

1 голос
/ 09 января 2012

Вместо этого используйте webkit-any-link: 

@media print 
  {
  * > /**/ #foo, x:-webkit-any-link { padding-top: 200px; }
  }

Селектор * > /**/ используется для фильтрации IE7 и может быть удален, если он не поддерживается: 

@media print 
  {
  #foo, x:-webkit-any-link { padding-top: 200px; }
  }

Ссылки

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...