文章详情页
css3 - 微信端电子书翻页效果
问题描述
1、单位怎么解决呢,好多插件的设置都是px的。2、顶部导航咋办呢,微信的顶部有一个返回和标题的导航,会占据一些空间,图的话 需要视觉去改改尺寸吗3、效果是 手指滑动,会出现翻书的效果。这种事件怎么实现呢?5、横屏的时候,屏幕的宽度是长的还是短的?4、一定要用户横屏的。JS能控制用户横竖屏吗?本人笨拙,望大神不吝赐教,感激不尽!
问题解答
回答1:动画的话 transform支持 px % vw vh 单位应该不是问题翻页动画的话有的是用帧动画做的css做的应该也有手指滑动只要写到touch事件里面就行了js不能控制横竖屏,但是可以监测当前是横屏还是竖屏,如果你在微信端用横屏会有一个bug,就是苹果手机横屏状态分享回来之后再也回不到横屏了,只能退出网页再进一次,不知道现在修复没有,还有就是安卓微信需要用户手动开启横屏状态(不是指手机的转屏,而是微信自己还带一个横屏模式)设计图尺寸不可能兼顾所有手机,什么尺寸的手机都有,有iphone5这种长长的,也有各种带虚拟按键的扁扁的,看怎么发挥吧,可以参考一下游戏开发里面的世界坐标这一概念
标签:
微信
相关文章:
1. 数据库设计 - Binary Allow Null Default mysql数据库字段属性问题 ?2. docker start -a dockername 老是卡住,什么情况?3. 老师,CSS3里面,选择一个DIV,这个DIV是以什么为原点进行旋转的啊?4. dockerfile - [docker build image失败- npm install]5. angular.js - 使用angular-xeditable报错6. java - jstl中c标签无法解析报错如何解决7. php laravel框架模型作用域8. python - 网站显示的图片与爬虫获取到的图片不同,应该如何确定问题?9. html按键开关如何提交我想需要的值到数据库10. PHP中的$this代表当前的类还是方法?
排行榜