搜尋

首頁  >  問答  >  主體

css3 - 微信端电子书翻页效果

1、单位怎么解决呢,好多插件的设置都是px的。
2、顶部导航咋办呢,微信的顶部有一个返回和标题的导航,会占据一些空间,图的话 需要视觉去改改尺寸吗
3、效果是 手指滑动,会出现翻书的效果。这种事件怎么实现呢?
5、横屏的时候,屏幕的宽度是长的还是短的?
4、一定要用户横屏的。JS能控制用户横竖屏吗?
本人笨拙,望大神不吝赐教,感激不尽!

迷茫迷茫2863 天前572

全部回覆(1)我來回復

  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:49:16

    動畫的話transform支援px % vw vh 單位應該不是問題
    翻頁動畫的話有的是用幀動畫做的css做的應該也有
    手指滑動只要寫到touch事件裡面就行了
    js無法控制橫豎屏,但是可以監測目前是橫屏還是豎屏,如果你在微信端用橫屏會有一個bug,就是蘋果手機橫屏狀態分享回來之後再也回不到橫屏了,只能退出網頁再進一次,不知道現在修復沒有,還有就是安卓微信需要用戶手動開啟橫屏狀態(不是指手機的轉屏,而是微信自己還帶一個橫屏模式)
    設計圖尺寸不可能兼顧所有手機,什麼尺寸的手機都有,有iphone5這種長長的,也有各種帶有虛擬按鍵的扁扁的,看怎麼發揮吧,可以參考一下游戲開發裡面的世界坐標這一概念

    回覆
    0
  • 取消回覆