如何僅在打印樣式表中定位基於webkit的瀏覽器？

我在基於webkit的瀏覽器中遇到了打印樣式表的一些佈局問題，我想知道是否有一個CSS選擇器，或者另一種方法來執行CSS hack只針對webkit/media打印？如何僅在打印樣式表中定位基於webkit的瀏覽器？

經典的webkit-min-device-pixel-ratio媒體查詢選擇器不適用於打印。

那麼與CSS Hack相當的打印效果是什麼？（改變介質上進行打印，不工作）：

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

}

2011-04-01 Kenneth Auchenberg

技巧這樣不建議在所有。你不能修復打印樣式表在所有瀏覽器中工作嗎？究竟是什麼突破？也許我們可以幫忙。 – 2011-04-01 12:58:57

這沒有錯。一個很好的使用例子可能是「使用Safari的人更喜歡易用性，而UI用戶需要簡單易懂和熟悉的用戶界面，而Firefox用戶想要更高級的東西，因爲他們的技術能力高於平均水平。」這將允許你滿足你的網站的目標，以更多人口的子觀衆爲目標。 – FreeAsInBeer 2011-04-01 13:17:30

因爲我碰巧使用了某些瀏覽器，所以當人們試圖給我提供不同的內容時，我總是很生氣。我想這只是我。 – 2011-04-01 14:28:05

你可以使用JavaScript來加載CSS文件僅WebKit瀏覽器。

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

來源

2011-04-01 13:06:10

對我來說最好的解決方案在這裏，因爲我做不了解別人... – 2012-07-31 06:16:27

加上它似乎不像一個黑客 – 2012-07-31 06:16:40

你可能包括將僅用於WebKit瀏覽器，像這樣一個樣式表：

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

有在其他瀏覽器類似的功能。

來源

2011-04-01 13:13:51 FreeAsInBeer

這是由舊版本的歌劇拾起。 – Knu 2012-01-09 19:41:14

@Knu Opera ?!但是，它說「-webkit」...... Opera做到了這一點？你知道哪個版本？ – 2012-08-25 20:17:42

@Knu那麼，我想可以肯定的是，受此影響的用戶數量在全球範圍內將低於1％。 – 2012-08-26 21:24:07

使用webkit-any-link代替：

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

的* > /**/選擇用於過濾IE7，並可以刪除，如果它不支持：

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

參考

來源

2012-01-09 19:33:05

如何僅在打印樣式表中定位基於webkit的瀏覽器？

回答

相關問題