這篇文章主要介紹“CSS的color-adjust屬性是什么”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“CSS的color-adjust屬性是什么”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)建站是一家專業(yè)提供漢川企業(yè)網站建設,專注與成都網站設計、網站制作、成都h5網站建設、小程序制作等業(yè)務。10年已為漢川眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網站建設公司優(yōu)惠進行中。

一、color-adjust屬性簡述

color-adjust原本是個非標準屬性，不過最近加入了CSSColorModuleLevel4的工作草案，算是有了名分了，值得介紹一番。

color-adjust這個CSS屬性作用用一句話表述：是否允許瀏覽器自己調節(jié)顏色以便有更好的閱讀體驗。

語法

color-adjust:economy;

color-adjust:exact;

其中：

economy

默認值。economy英文直譯意思是“經濟”，“節(jié)省”。表現(xiàn)為，瀏覽器（或其他客戶端）對于元素進行樣式上的調整，調整的規(guī)則由瀏覽器自己決定，以免達到更好的輸出效果。例如，當打印時，瀏覽器會選擇省略所有背景圖像，并調整文本顏色，以確保對比度對于白紙上的閱讀是最佳的。

目前2018年了，除了打印機以外的現(xiàn)代設備，顯示器都很強，似乎遇不到這種“節(jié)省背景色”，“節(jié)省色值”的場景；但并非如此，例如macOS有了很酷的夜視模式，這就是一個需要增加對比度的場景，應該賦予設備自由調節(jié)樣式表現(xiàn)的能力。以后還會有其他設備有其他閱讀場景，從面向未來的角度講，color-adjust屬性是有其存在的價值的。

exact

exact則是“精確”，“準確”的意思。意思是告訴瀏覽器，我設置的這些顏色，背景啥的都是有必要的，精確匹配的，你不要自作聰明幫我做調整。

例如，為了便于閱讀，我們會給表格增加灰白詳見的條紋斑馬線，但是，如果這時候去打印這個頁面，灰色背景會被去掉，反而影響了閱讀體驗，此時，我們可以設定灰色條紋斑馬線顏色是“精確”的，這樣，灰色條紋就能正常打印。

兼容性

如下截圖：

2018-11-27_001109.png

Chrome和Firefox都支持，Chrome需要加-webkit-私有前綴。然而，根據(jù)我的測試，Chrome沒有支持的其實是-webkit-print-color-adjust屬性，可以看成是color-adjust有名分之前的前身。

-webkit-print-color-adjust和color-adjust屬性值和作用是一樣的。

二、color-adjust案例一則

您可以狠狠地點擊這里：打印時候背景色依然顯示對比demo

Ctrl+P或者選擇瀏覽器“打印”菜單，此時，可以看到差異：

2018-11-27_003412.png

下面的一個表格打印預覽時候之所以顯示了會被條紋，就是因為設置了如下CSS：

table{

-webkit-print-color-adjust:exact;

color-adjust:exact;

}

Firefox瀏覽器下也有類似的表現(xiàn)：

2018-11-27_003904.png

三、五分鐘到了

最后簡單評價下color-adjust這個屬性。

難登大雅之堂，非門面相關的CSS。不學不聞不問對我們日常工作影響也不大。估計日后就算再工作10年也難遇到需要動用color-adjust屬性的場景。

就像那些冷門小眾的電影，雖然有其藝術系和價值，但是，對于蕓蕓的我們而言，并不是非不可的事情。

好在也就耽誤了5分鐘的時間。加上本身知識點是有用的，保不準你以后會處理一些特殊設備，特殊場景，這個時候color-adjust也就是救命屬性了。因此，其實學習性價比還是很不錯的，了解之就學習之。

關于“CSS的color-adjust屬性是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

新聞標題：CSS的color-adjust屬性是什么
新聞來源：http://jinyejixie.com/article20/ggssjo.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、軟件開發(fā)、服務器托管、Google、自適應網站、網站策劃

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)