CSS-хак Webkit устарел? - PullRequest
Новая
       2

CSS-хак Webkit устарел?

6 голосов
/ 16 ноября 2011

Я использую хак @media screen (-webkit-min-device-pixel-ratio:0), чтобы специально адресовать браузеры Webkit.

Но, похоже, это не работает, кто-нибудь знает, не рекомендуется ли этот взлом?

Существуют ли другие способы нацеливания на браузеры Webkit?

Обновление: Не устарело, я забыл поставить "и" после "экрана".

Ответы [ 2 ]

11 голосов
/ 16 ноября 2011

В следующем примере будет показан цветной фон на #box в Chrome и Safari, но не в Firefox и Opera. 

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            #box { background: #f0f; }
        }
    </style>
</head>
<body>
    <div id="box">
        I'll have a background in Webkit browsers.
    </div>
</body>
</html>

Если этого недостаточно, вы можете взглянуть на эту статью о браузерных хакерах CSS на Webmonkey . Он включает обходные пути для Internet Explorer, Firefox, Safari и Opera и приведенный выше пример.

3 голосов
/ 07 апреля 2012

Попробуйте взломать этот Webkit CSS: 

@media all and (-webkit-min-device-pixel-ratio:0) {
            #box { background: #f0f; }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...