自适应网站能够随着屏幕不同尺寸响应，变换网页上内容块布局、改变文字、图片、图标的大小，给访问者带来良好的浏览体验。
本文讨论图标如何处理达到自如缩放效果。
针对自适应网站技术，有两类图标技术可以采用：一是字体图标，二是SVG图标。
字体图标就是像字体一样可以随意放大缩小的图标，并可像字体一样改变颜色。现将它的特性总结如下：
- 使用CSS进行编辑，包括图标的大小、颜色、阴影等CSS能做到的一切都可在字体图标上实现，具体来描述下：
- 很容易缩放；
- 改变颜色；
- 产生阴影；
- 拥有透明效果；
- 先进的浏览器支持；
- 快速转化形态，比如鼠标移到图标上的变化效果等；
- 可做出与图片类似状态，例如改变透明度、旋转度等；
- 可兼容性：字体图标基于Web Font实现，能够兼容多种网页字体；
- 可访问性：这是属于用户可用性的一项。尽管国内对此重视不够，但不久企业将意识到这是一个需要注意的地方；
- 字体图标体积更小，使得网页打开速度更快。
随着浏览器性能不断优化，SVG图标的应用又被重新提及。因为浏览器认为字体图标是文本，所以会对其使用抗锯齿。这可能导致图标边缘不那么锐利，而SVG图标看起来更清晰。
什么是SVG？SVG是一种可伸缩的图形格式，其放大和缩小图片显示质量都不会改变，这种图片格式也称为矢量图。但与其他矢量图不同，SVG的图片文件非常小。
对了，由于SVG图片体积很小，它不仅仅可用作图标，还可以用于网页上的其他图形设计。例如我们公司网站头部的LOGO即是SVG格式。
目前某些浏览器（较低的版本）不能很好支持SVG图像显示，暂时它未被广泛应用。
欢迎关注新龙，了解如何获得一个专业的网站，帮助企业取得网络营销成功：
