如何仅在打印样式表中定位基于webkit的浏览器?

Ken*_*erg 2 css printing webkit css3

我在基于webkit的浏览器中遇到了一些打印样式表的布局问题,我想知道是否有一个CSS选择器,或者其他方法来执行CSS hack以仅定位webkit/media print?

经典的webkit-min-device-pixel-ratio媒体查询选择器不适用于打印.

那么什么是相当于这个CSS Hack的打印?(更改要打印的媒体,不起作用):

@media screen and (-webkit-min-device-pixel-ratio:0) {

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}

Mar*_*iet 5

您可以使用javascript仅为WebKit浏览器加载CSS文件.

<head>
    <link rel="stylesheet" id="hacks"/>
    <script>
        if(navigator.userAgent.indexOf("WebKit") != -1) {
            document.getElementById("hacks").href="hacks.css";
        }
    </script>
</head>
Run Code Online (Sandbox Code Playgroud)