文章詳情頁
css3 - 微信端電子書翻頁效果
瀏覽：145日期：2022-06-25 08:26:40
問題描述
1、單位怎么解決呢，好多插件的設置都是px的。2、頂部導航咋辦呢，微信的頂部有一個返回和標題的導航，會占據一些空間，圖的話 需要視覺去改改尺寸嗎3、效果是 手指滑動，會出現翻書的效果。這種事件怎么實現呢？5、橫屏的時候，屏幕的寬度是長的還是短的？4、一定要用戶橫屏的。JS能控制用戶橫豎屏嗎?本人笨拙，望大神不吝賜教，感激不盡！
問題解答
回答1：動畫的話 transform支持 px % vw vh 單位應該不是問題翻頁動畫的話有的是用幀動畫做的css做的應該也有手指滑動只要寫到touch事件里面就行了js不能控制橫豎屏，但是可以監測當前是橫屏還是豎屏，如果你在微信端用橫屏會有一個bug，就是蘋果手機橫屏狀態分享回來之后再也回不到橫屏了，只能退出網頁再進一次，不知道現在修復沒有，還有就是安卓微信需要用戶手動開啟橫屏狀態（不是指手機的轉屏，而是微信自己還帶一個橫屏模式）設計圖尺寸不可能兼顧所有手機，什么尺寸的手機都有，有iphone5這種長長的，也有各種帶虛擬按鍵的扁扁的，看怎么發揮吧，可以參考一下游戲開發里面的世界坐標這一概念
標簽：
微信
相關文章：
1. node.js - vue搭建環境- vue init webpack my-project無響應2. css - 包裹img的a標簽為什么不和img元素一樣大3. html - 圖片的左上角顯示 【推薦】、【熱銷】標簽的效果，使用Css 如何實現呢？4. php怎么用isMobile()函數識別pc端移動端自動跳轉5. python - flask template中url_for都指向了404頁面?6. html - css3 animation的問題.我也不知道如何描述7. 用python3的smtplib庫發郵件一直返回無法發送郵件提示，是什么原因？8. css3 flex三欄布局疑問9. linux - python 安裝 Anaconda 環境變量問題請教10. 樣式操作.css()
排行榜
網公網安備