color-adjust

color-adjust这个CSS属性作用用一句话表述：浏览器是否打印背景图和背景色

 

　　语法

 

　　color-adjust:economy;

 

　　color-adjust:exact;

 

　　其中：

 

　　economy

 

　　默认值。economy英文直译意思是“经济”，“节省”。表现为，浏览器（或其他客户端）对于元素进行样式上的调整，调整的规则由浏览器自己决定，以免达到更好的输出效果。例如，当打印时，浏览器会选择省略所有背景图像，并调整文本颜色，以确保对比度对于白纸上的阅读是最佳的。

 

　　目前2018年了，除了打印机以外的现代设备，显示器都很强，似乎遇不到这种“节省背景色”，“节省色值”的场景；但并非如此，例如macOS有了很酷的夜视模式，这就是一个需要增加对比度的场景，应该赋予设备自由调节样式表现的能力。以后还会有其他设备有其他阅读场景，从面向未来的角度讲，color-adjust属性是有其存在的价值的。

 

　　exact

 

　　exact则是“精确”，“准确”的意思。意思是告诉浏览器，我设置的这些颜色，背景啥的都是有必要的，精确匹配的，你不要自作聪明帮我做调整。

 

　　例如，为了便于阅读，我们会给表格增加灰白详见的条纹斑马线，但是，如果这时候去打印这个页面，灰色背景会被去掉，反而影响了阅读体验，此时，我们可以设定灰色条纹斑马线颜色是“精确”的，这样，灰色条纹就能正常打印。