12月23

sass+compass生成基于rem的雪碧图

Large | Medium | Small
11:34 大前端  From: Original
Reads(6359) | Comments(0) | Trackbacks(0)
移动端的单位现在都是用rem,icon太多合成雪碧图减少网络请求

安装ruby,
安装sass或升级到最新


安装compass或升级到最新


步骤
1、建立一个目录,当然具体的项目应该整合到项目里
mkdir work;

2、到这个目录并初始化


发现work目录下生成了项目文件
Highslide JS
建立images/icons目录,并将i需要合并的con拷贝到该目录
在sass下建立icons.scc文件内容如下


3、执行compass compile
生成了合并图icons-saafd78ade7.png
以及css


comprass api

Download ( 468 downloads)



Last modified by tommyhu on2015/12/23 13:57
Add a comment
Emots
emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot
Enable HTML
Enable UBB
Enable Emots
Hidden
Remember

Nickname : 

Password(可不填) :  Optional

Site URI (可不填) : 

Email (可不填) :  [Register]