文章详情页
css3 - 微信端电子书翻页效果
浏览：65日期：2022-06-25 08:26:40
问题描述
1、单位怎么解决呢，好多插件的设置都是px的。2、顶部导航咋办呢，微信的顶部有一个返回和标题的导航，会占据一些空间，图的话 需要视觉去改改尺寸吗3、效果是 手指滑动，会出现翻书的效果。这种事件怎么实现呢？5、横屏的时候，屏幕的宽度是长的还是短的？4、一定要用户横屏的。JS能控制用户横竖屏吗?本人笨拙，望大神不吝赐教，感激不尽！
问题解答
回答1：动画的话 transform支持 px % vw vh 单位应该不是问题翻页动画的话有的是用帧动画做的css做的应该也有手指滑动只要写到touch事件里面就行了js不能控制横竖屏，但是可以监测当前是横屏还是竖屏，如果你在微信端用横屏会有一个bug，就是苹果手机横屏状态分享回来之后再也回不到横屏了，只能退出网页再进一次，不知道现在修复没有，还有就是安卓微信需要用户手动开启横屏状态（不是指手机的转屏，而是微信自己还带一个横屏模式）设计图尺寸不可能兼顾所有手机，什么尺寸的手机都有，有iphone5这种长长的，也有各种带虚拟按键的扁扁的，看怎么发挥吧，可以参考一下游戏开发里面的世界坐标这一概念
标签：
微信
相关文章：
1. centos - apache配置django报错：cannot be loaded as Python modules2. html5 - 使用angular中，图片上传功能中选择多张图片是怎么实现的？有什么好的思路吗？3. python - flask jinjia2 中怎么定义嵌套变量4. python - Django问题 ’WSGIRequest’ object has no attribute ’user’5. 数据库 - mysql boolean型无法插入true6. javascript - jquery选择的dom元素如何更新？7. javascript - H5页面无缝轮播8. .......9. javascript - URL中有#号如何来获取参数啊？ nodejs10. MYSQL 的 SELECT 语句中如何做到判断字段为空
排行榜
网公网安备