解决手机小图标在手机显示模糊的问题

解决方案,是我一个美女设计同时给的方案让我试试,结果证明手机效果不错,方法比较简单,wap上需要的图标大小是40x40像素的png,但是不论怎么做图,都在手机上显示得不是很清楚,有模糊或者有锯齿的感觉

她发过来的图是120x120的,然后在图标的css上吧图片使用css控制图片大小

background: url(../images/icon1.png);background-size:40px 40px;,在各个浏览器和手机上都是没问题的

还有一个是控制图片大小,在做完图片之后,储存为web所用格式,

点击右上角的优化文件大小

试一下就知道了,对于后台开发人员控制图片大小有一定帮助,比如蛋疼需要临时做个图片,前端没时间做的时候

原文地址:https://www.cnblogs.com/zx-admin/p/4694193.html