Question

我正在使用@media screen (-webkit-min-device-pixel-ratio:0)黑客专门针对Webkit浏览器。

但它似乎没有用，有人知道这个黑客是否被弃用了吗？

还有其他方法可以定位Webkit浏览器吗？

更新：不推荐使用，我忘记在“屏幕”后面添加“和”。

Answer 1

以下示例将在Chrome和Safari中的#box上显示彩色背景，但不会显示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>

如果这还不够，您可以查看this article about browser-specific CSS hacks上的Webmonkey。它包括Internet Explorer，Firefox，Safari和Opera的解决方法，以及上面的示例。

Answer 2

试试这个Webkit CSS hack：

@media all and (-webkit-min-device-pixel-ratio:0) {
            #box { background: #f0f; }

Webkit CSS-hack已弃用？

2 个答案: