css3 - 微信端電子書翻頁效果
問題描述
1、單位怎么解決呢,好多插件的設(shè)置都是px的。2、頂部導(dǎo)航咋辦呢,微信的頂部有一個返回和標(biāo)題的導(dǎo)航,會占據(jù)一些空間,圖的話 需要視覺去改改尺寸嗎3、效果是 手指滑動,會出現(xiàn)翻書的效果。這種事件怎么實(shí)現(xiàn)呢?5、橫屏的時候,屏幕的寬度是長的還是短的?4、一定要用戶橫屏的。JS能控制用戶橫豎屏嗎?本人笨拙,望大神不吝賜教,感激不盡!
問題解答
回答1:動畫的話 transform支持 px % vw vh 單位應(yīng)該不是問題翻頁動畫的話有的是用幀動畫做的css做的應(yīng)該也有手指滑動只要寫到touch事件里面就行了js不能控制橫豎屏,但是可以監(jiān)測當(dāng)前是橫屏還是豎屏,如果你在微信端用橫屏?xí)幸粋€bug,就是蘋果手機(jī)橫屏狀態(tài)分享回來之后再也回不到橫屏了,只能退出網(wǎng)頁再進(jìn)一次,不知道現(xiàn)在修復(fù)沒有,還有就是安卓微信需要用戶手動開啟橫屏狀態(tài)(不是指手機(jī)的轉(zhuǎn)屏,而是微信自己還帶一個橫屏模式)設(shè)計圖尺寸不可能兼顧所有手機(jī),什么尺寸的手機(jī)都有,有iphone5這種長長的,也有各種帶虛擬按鍵的扁扁的,看怎么發(fā)揮吧,可以參考一下游戲開發(fā)里面的世界坐標(biāo)這一概念
相關(guān)文章:
1. docker-machine添加一個已有的docker主機(jī)問題2. angular.js - angularjs的自定義過濾器如何給文字加顏色?3. mac里的docker如何命令行開啟呢?4. 關(guān)于docker下的nginx壓力測試5. docker - 如何修改運(yùn)行中容器的配置6. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.7. 用redis開發(fā)留言板,用戶名和密碼或者留言列表應(yīng)該用單獨(dú)的key來存儲嗎?8. java - 安卓實(shí)現(xiàn)熄屏功能。9. java - bootstrap table分頁以后,下面的分頁按鈕消失怎么辦并且如何返回總頁數(shù)10. phpstorm 沒有安裝Emmet怎么還有Emmet的相關(guān)功能啊
