css3做图标的意义 |asp 自适应css

.icon {
width: 20px;
height: 20px;
display: inline-block;
background: url("icon.png") no-repeat;
}

使用CSS3制作图标的意义在于：

1.可缩放性

传统的图片图标需要设计师根据各种尺寸需求不断制作，这样会增加很多工作量。而CSS3图标可以通过代码来实现，能够根据所在的元素大小，自动缩放图标大小，以达到更好的用户体验。

2.减少请求量

制作网站时，页面要引入很多图片，这会增加访问量和请求量，降低页面速度。使用CSS3图标可以减少引入图片的数量，加快了页面的显示速度。

3.响应式设计

随着移动设备市场的崛起，响应式设计越来越普遍。而使用CSS3图标可以让网站在各种分辨率下都能够保持美观、高效。

综上所述，CSS3图标的使用是非常有意义的。它能够提高网站的性能和效率，同时也能够让设计更加美观。