响应式布局【5】--- 实战开发中遇到问题汇总

本文主要是讲响应式开发中遇到的问题，汇总记录下，供大家借鉴。

1.图标拉伸挤压导致模糊问题

当你的产品做成响应式设计的时候，可能会遇到图标在适应屏幕尺寸的时候拉伸或挤压变形导致模糊，这个时候可以将图标做成字体（Icon Font）。

优点在于：

1. Icon是矢量的，可以自由适应各种尺寸大小,不会模糊；

2. 占用空间很小，250个图标的字体只有不到300K；

3. Icon Font可控性更高，可以用代码去控制大小、颜色、透明度、特效等

缺点在于：

1. 不支持同一个Icon出现2种或；

2.种以上的颜色但是很明显，Icon Font的利大于弊。