-
移动场景有些会基于rem为单位做设计,而非px,这时候可能是:
.foo{
background-image: url(1.png);
background-size: 1rem 1.5rem;
}
使用csssprites的时候发现rem是不被支持的,未来是否会提供支持
-
CSSSprites(精灵图、雪碧图)是指将多张图片(一般是小图标)合成一张大图,不同元素共用这张大图作为背景图,并给这些的元素设置相应的背景-位置值,在达到预期显示效果的同时,减少HTTP请求数的一种前端优化手法.这是早期实现图标的方式,现在已被图标字体和svg字体取代
题目来自饥人谷
-
生成的代码没有background-size
-
例如:在static下,我有index.less和编辑器自动编译的css文件,我在配置文件中得配置如下:
``` javascript
fis.config.set('modules.spriter', 'csssprites');
fis.config.set('settings.spriter.csssprites.margin', 10);
fis.config.set('roadmap…
-
fis压缩合并图片不支持background-size吗?有解决办法吗?
-
-
example:
@keyframes test {
0%, 80%, 100% {background: url('../images/egg_04.png?__sprite');}
5% {background: url('../images/egg_04_pound.png?__sprite');}
60% {background: url('../images/e…
-
运行pure release 发送到服务器,编译成的CSS 是OK的,
但是运行pure release -pmod ../out 到同级out目录下,CSS里面的sprite图片路径没有替换,还是合并前的小图片。
请问是BUG还是我配置问题?
配置文件如下:
``` javascript
//设置需要自动打包的文件
fis.config.set('pack', {
'app_js…
-
background: url('pic/abc.png?__sprite') no-repeat 50% 10px; 这样是不生效的。产出后 background-position:0 0;
-
配置:
```
fis.match('::packager', {
// npm install [-g] fis3-postpackager-loader
// 分析 __RESOURCE_MAP__ 结构,来解决资源加载问题
postpackager: fis.plugin('loader', {
resourceType: 'mod',
…