网页没有颜色怎么回事？大家肯定注意到，很多网站变成灰色，原因都知道，是为了纪念一位伟人。
比如我们打开百度，界面如下：
这种把整个页面都变成灰色，是怎么做到的呢？
对前端开发有经验的同学，也许会说换一套灰色的模板UI。
显然是不可能的，网站上元素这么多，而且一直在迭代新功能，都改成灰色成本太大了，所以一定有另一种非常快速的方法。
在浏览器按下F12，我找到了答案。
body上多了一个名为big-event-gray的样式。
名字很好理解，大事件灰色，所以就是它了。
于是找了下这个样式的定义，代码如下（为方便阅读，我格式化了一下）：
关键是这个grayscale函数，这是一个css函数，可以直接把图片转成灰色。
网页实现灰色相对简单，但是APP就比较复杂了。
随便打开几个APP，会发现一般只有首页是灰色的，打开新的页面还是原来的配色。
原因是APP每个页面的样式都是独立的，除非开发功能的时候就统一读取公共的参数设置颜色，但是刚才也说了，那成本太高了。
点个“在看”，缅怀伟人，永垂不朽。
声明：该文观点仅代表作者本人，《家在公租房生活网》系信息发布平台，家在公租房生活网仅提供信息存储空间服务。
微信扫一扫 
支付宝扫一扫 
