本文主要是讲响应式开发中遇到的问题,汇总记录下,供大家借鉴。
1.图标拉伸挤压导致模糊问题
当你的产品做成响应式设计的时候,可能会遇到图标在适应屏幕尺寸的时候拉伸或挤压变形导致模糊,这个时候可以将图标做成字体(Icon Font)。
优点在于:
1. Icon是矢量的,可以自由适应各种尺寸大小,不会模糊;
2. 占用空间很小,250个图标的字体只有不到300K;
3. Icon Font可控性更高,可以用代码去控制大小、颜色、透明度、特效等
缺点在于:
1. 不支持同一个Icon出现2种或;
2.种以上的颜色但是很明显,Icon Font的利大于弊。
相关参考&内容来源
知乎:https://www.zhihu.com/question/20976405