这是一个创建于 3020 天前的主题，其中的信息可能已经有所发展或是发生改变。
自己的网站小图标有点多，做成了 CSS Sprite ，但是发现在手机上显示模糊，现在的手机都是高分屏。 找了好久都没找到解决方案。
BTW ，问一下要怎样才能系统的学习前端啊。自己现在学习前端有一些时间了，做了几个个人项目，但每次都会发现一些坑，花好长时间去搜索，虽然每次都有收获。 本人电子信息专业大一，课程有 C 、 Java 、嵌入式，但个人对前端比较感兴趣，求系统学习前端方法。
 |
1
viko16 2016-08-23 00:56:28 +08:00 via Android
不妨了解一下 SVG Sprite
|
 |
3
morethansean 2016-08-23 01:17:26 +08:00 via Android
用分辨率更高的图片啊
|
 |
4
yyfearth 2016-08-23 05:40:08 +08:00  1
用一个 sprite@2x 的图片就好了啊
然后 css 里面用 media query 把这个图片应用到 retina 的环境里面并且设置 background-size |
 |
5
kkzxak47 2016-08-23 07:49:47 +08:00 via Android
分辨率啊，要么图片本身分辨率够高，要么矢量图
|
 |
6
Krime 2016-08-23 09:21:12 +08:00
不是说 github 早都换成 inline 的 svg 了吗？
|
|
7
viko16 2016-08-23 09:49:22 +08:00 1
@cstome
理解的话可以看看这篇 https://css-tricks.com/svg-sprites-use-better-icon-fonts/ 直接用的话可以到这个站找找 https://icomoon.io/ 工具的话，就得自己找了 |
 |
8
newbieo0O 2016-08-23 09:50:19 +08:00
SVG 、 Font 。 Sprite 已经很少用了。
|
 |
9
pein 2016-08-23 11:06:34 +08:00
两倍大小缩成一倍就清楚
|
Select Language