2013-06-25 66 views
0

我想爲單色設備設置一些替代風格 - 即黑色&白色打印輸出。媒體查詢彩色單色和打印

我想我可以只使用一個簡單的CSS媒體查詢來做到這一點,但它不工作。

.Something { color: red; } 
@media all and (monochrome) 
{ 
    .Something { color: black; } 
} 

當我嘗試打印(或預覽)它時,單色樣式不適用。

上面是差的例子,但我設置了的jsfiddle:

http://jsfiddle.net/qC3af/

當在Firefox觀看上述的打印預覽既不顏色也不被施加單色。 在鉻中,即使在黑色&白色模式下,它也能保持顏色特徵。

我錯過了什麼?

我注意到JSFiddle突出顯示顏色不同於其他所有媒體查詢。這是一個線索嗎?

回答

0

通常這是不可靠的。你可以在這裏看到的描述:

http://www.quirksmode.org/css/tests/mediaqueries/color.html

我會注意到,我的角落認爲它至少有16而不是32色指數,因此好像意識到這是16級,但隨後mismarks他們失敗單色測試...

真的是瀏覽器不能完全意識到它的顯示器(s。)例如,它可能會顯示給一個比真實硬件功能更強的虛擬設備。

+0

所以基本上你所說的是彩色和單色媒體查詢(寫作時)基本上毫無價值? 這是一個恥辱。 我想我會離開我的CSS變化,但未經測試的機會,他們將有一天得到適當的支持。 謝謝 – DJL

+1

是的,很高興向設備詢問初始默認設置,但如果您在沒有用戶覆蓋的情況下認真對待設備,則可能會造成更多傷害。 – lossleader