我正在使用@media screen (-webkit-min-device-pixel-ratio:0)攻击来专门处理Webkit浏览器。
但它似乎不起作用,有人知道这个黑客是否被反对?
还有其他方法来针对Webkit浏览器吗?
更新:不反对,我忘了在“屏幕”之后加上"and“。
发布于 2011-11-16 15:40:08
下面的示例将在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>如果这还不够,您可以看看本文介绍浏览器特定的CSS黑客攻击。 on 韦布猴。它包括、Firefox、Safari和Opera的工作环境,以及上面的示例。
发布于 2012-04-07 16:05:15
试试这个Webkit CSS黑客:
@media all and (-webkit-min-device-pixel-ratio:0) {
#box { background: #f0f; }https://stackoverflow.com/questions/8154289
复制相似问题