![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
h5
童年的纸飞鸡~
努力提升自己,不想让未来遗憾
展开
-
关于用雪碧图做动画并且自适应的问题
最近做了一个h5的下项目,里面涉及到的动画效果比较多,其中有一个就是用雪碧图加css3做动画。一开始遇到的问题就是雪碧图必须得用绝对坐标去获取图片的位置,但是我们需要做到的是自适应不同的屏幕针对这种情况,作出了以下的解决方案:上面的图片是我需要实现效果的雪碧图,规格是1*5,一般我们需求填充到整个背景的时候是使用background-size:100% 100%;不过这也不是我们想要的。那...原创 2019-10-24 16:15:24 · 544 阅读 · 0 评论 -
移动端rem横竖屏的适配以及华为等机型rem失效的问题
横竖屏的适配平时在做移动端的适配时,会经常用到rem单位来适配屏幕,大多数都是竖屏的情况,正常都能满足我们的需求。但是最近遇到了一个h5的小项目,是需要固定横屏,之前的js只是对竖屏进行了适配,横屏的时候由于宽高比例的转换,计算rem的算法也需要稍微改进一下,以750px的设计稿为例:(function (doc, win) { var docEl = doc.documentElem...转载 2019-10-11 17:51:41 · 2477 阅读 · 0 评论