原文:自适应页面中如何使用雪碧图

自适应页面你肯定听说过,雪碧图想必你也听说过,不过在自适应页面中使用雪碧图应用的场景却不多,因为很多场景里自适应页面 移动端页面 的小图标啥的基本都做成字体图标了,操作起来也比较方便,不过有时候合成字体图标的时候也比较麻烦,AI制作复杂svg矢量图标很麻烦,今天说的这个应用场景用的就是这个情况 首先你要知道什么是雪碧图,不知道的先科普之,百毒传送门 上面说到有的场景添加字体图标很麻烦,如果不理解 ...

2016-10-09 23:14 2 7017 推荐指数:

查看详情

vue echarts map的使用页面动态自适应

最近在vue中使用echarts时,遇到了一些坑,在此记录一下。 1:echarts map的使用 2:页面自适应,只有一个生效 3:根据设备的dpr,动态的修改了meta标签的initial-scale,导致引入的类似于echarts这样的外部插件的字体也产生了缩放 ...

Wed Jun 13 00:39:00 CST 2018 1 5870
原创:CSS3技术-雪碧自适应缩放与精灵动画方案

花了一个礼拜完成了慕课网定制的七夕主题效果,其中有一个没实现好的功能,就是雪碧自适应缩放 ps: 以下实现都是基于移动端的处理 原图如下: 人物是采用的是雪碧,通过坐标绝对数据取值 问题很明显,在缩放的屏幕上人物还是按照原尺寸大小显示 后来临时留了一节预备的方案:CSS3 ...

Thu Aug 20 17:16:00 CST 2015 9 15548
移动端webapp自适应实践(css雪碧制作小工具实践)图文并茂

为什么要写这个 以前写过关于webapp自适应屏幕的文章(链接),不过写的大多数群众看不懂,所以来个图文并茂的版本。虽然只是一个简单的页面,不过在做的过程也遇到了一些问题,也算是好事吧! 该示例github地址:https://github.com/iwangx/WebApp 访问地址 ...

Tue May 26 17:32:00 CST 2015 8 5104
使用Compass制作雪碧

遇见好的文章,笔者也会转载。但是正所谓好记性不如烂笔头,单纯的拿来主义也不如自己的亲自实践。所以每次需要转载的文章,我都会自己敲一遍,中间加入一些自己的思考。 这篇文章转载自: ...

Mon Feb 22 07:54:00 CST 2016 0 1974
webpack使用雪碧插件

1.先安装插件 2.配置webpack 配置之前 先引入var SpritesmithPlugin = require('webpack-spritesmith'); 在webpack.co ...

Sun Apr 08 19:30:00 CST 2018 0 2008
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM