css3 - 微信端電子書翻頁(yè)效果
問題描述
1、單位怎么解決呢,好多插件的設(shè)置都是px的。2、頂部導(dǎo)航咋辦呢,微信的頂部有一個(gè)返回和標(biāo)題的導(dǎo)航,會(huì)占據(jù)一些空間,圖的話 需要視覺去改改尺寸嗎3、效果是 手指滑動(dòng),會(huì)出現(xiàn)翻書的效果。這種事件怎么實(shí)現(xiàn)呢?5、橫屏的時(shí)候,屏幕的寬度是長(zhǎng)的還是短的?4、一定要用戶橫屏的。JS能控制用戶橫豎屏嗎?本人笨拙,望大神不吝賜教,感激不盡!
問題解答
回答1:動(dòng)畫的話 transform支持 px % vw vh 單位應(yīng)該不是問題翻頁(yè)動(dòng)畫的話有的是用幀動(dòng)畫做的css做的應(yīng)該也有手指滑動(dòng)只要寫到touch事件里面就行了js不能控制橫豎屏,但是可以監(jiān)測(cè)當(dāng)前是橫屏還是豎屏,如果你在微信端用橫屏?xí)幸粋€(gè)bug,就是蘋果手機(jī)橫屏狀態(tài)分享回來之后再也回不到橫屏了,只能退出網(wǎng)頁(yè)再進(jìn)一次,不知道現(xiàn)在修復(fù)沒有,還有就是安卓微信需要用戶手動(dòng)開啟橫屏狀態(tài)(不是指手機(jī)的轉(zhuǎn)屏,而是微信自己還帶一個(gè)橫屏模式)設(shè)計(jì)圖尺寸不可能兼顧所有手機(jī),什么尺寸的手機(jī)都有,有iphone5這種長(zhǎng)長(zhǎng)的,也有各種帶虛擬按鍵的扁扁的,看怎么發(fā)揮吧,可以參考一下游戲開發(fā)里面的世界坐標(biāo)這一概念
相關(guān)文章:
1. Python爬蟲如何爬取span和span中間的內(nèi)容并分別存入字典里?2. mysql - 把一個(gè)表中的數(shù)據(jù)count更新到另一個(gè)表里?3. 請(qǐng)教使用PDO連接MSSQL數(shù)據(jù)庫(kù)插入是亂碼問題?4. python - 爬蟲模擬登錄后,爬取csdn后臺(tái)文章列表遇到的問題5. visual-studio - Python OpenCV: 奇怪的自動(dòng)補(bǔ)全問題6. linux - Ubuntu下編譯Vim8(+python)無數(shù)次編譯失敗7. node.js - nodejs開發(fā)中常用的連接mysql的庫(kù)8. mysql 查詢身份證號(hào)字段值有效的數(shù)據(jù)9. 視頻文件不能播放,怎么辦?10. mysql - 分庫(kù)分表、分區(qū)、讀寫分離 這些都是用在什么場(chǎng)景下 ,會(huì)帶來哪些效率或者其他方面的好處
