当前位置: 首页 > news >正文

移动设备上“精灵图”的制作适配

不废话了,直接贴代码

#introduceHonor3  .collaborate .collaborateList ul .collaborateImg{background-image:url(../img/exploreSuddenfix/consociationList.png)!important;background-size: 23.84rem auto;float:left;width:1.62rem;height:1.1rem;
}
#introduceHonor3  .collaborate .collaborateList ul  i{margin:0.4rem 0;display:inline-block;float:left;width:0.02rem;height:0.3rem;background:rgba(209,246,243,1);
}
#introduceHonor3  .collaborate .collaborateList ul .chinaUnicom{background-position:-8.08rem  0 ;
}

2个重点:
1: background-size: 23.84rem auto;
23.84rem = 1192/50;
1192是我的精灵图的width;
我的适配是50;所以、50;一般都是100;根据自己的适配大小;

  1. background-position:-8.08rem 0 ;
    就是就是靠自己去计算了;
    如果能帮到你我也荣幸,谢谢

http://www.taodudu.cc/news/show-6105721.html

相关文章:

  • cocos2dx 精灵的移动(2)
  • Cocos2d-x 2.0 百例精讲:如何让一个精灵跟随触点移动
  • 在屏幕的任意位置拖拽,控制精灵移动
  • 精灵的移动效果,旋转效果
  • 【JavaScript】实现移动小精灵
  • 让视角随着精灵移动
  • 移动设备上“精灵图”的制作
  • 移动端精灵图的使用
  • Cocos2d-x随记(2)-精灵移动
  • buntu22.04安装WPS中文版(一百一十八)
  • 数数
  • 视网膜数据集(2)Messidor
  • realsense 相机的部分信息获取
  • Linux线程数和系统线程数查看
  • 数的表示与运算
  • 如何判断一个数是否是NaN
  • SQLite获取查询结果数
  • 用while循环写四叶玫瑰数(自幂数)
  • 【算法讲20:Dsu on Tree】树上数颜色 | Lomsat gelral
  • Deep_Learn关于数组和数的操作
  • codeforces1670F Jee, You See?(DP/位运算/前缀和/组合数)
  • SEEM~
  • SEE
  • 对random.seed()的理解
  • 对random.seed()函数的理解
  • delphi 多线程3
  • R统计绘图-corrplot热图绘制细节调整2(更改变量可视化顺序、非相关性热图绘制、添加矩形框等)
  • 安卓串口——谷歌android_serialport_api studio使用以及相关问题
  • 安卓是属于全人类的还是谷歌的私有产品?
  • 微信新功能告诉你