当浏览器没有实现一个新兴的特性的时候,不要完全地对它进行分级或者排斥。相同的浏览器对不同的新特性会有非常棒的支持。例如,Safari 已经完全实现了弹性布局,但是只部分支持多列布局。我们应该根据具体情况来选择使用新特性,而不是直接给浏览器分级。
caniuse.com并不是唯一的浏览器特性支持程度的查询工具,包括像 Autoprefixer 这样的编译工具,一样可以帮助我们来完成这样的工作。
有些时候,设计元素很重要,我们需要让每个人看到的或体验到的是一致的。比如说公司的标志logo, 这是客户想让所有人看到的,logo的颜色、logo的字形,当然还有很多没那么重要的设计元素,需要区别对待。
考虑到特殊属性的影响,那么问题的关键就是如何保证设计的保真度。在实践中,当我们把一个元素添加到设计中时,我们考虑的是如何让更多的人,超越一系列的浏览器,所见或所感是一致的。
例如,Web 字体有多重要? 在某些场景下,字体的选择对公司标志的重要性,与内容的可读性是一样的。
多列布局怎么样?用CSS渲染? 它们重要到需要每个人都得看到?或者我们可以允许它们优雅降级?或者更牛的,设计一个替代品出来?现在来考虑一下圆角、渐变和透明度,它们对你的设计保真度到底有多重要?