768px){audio{width:90%;}}這樣當屏幕寬度小于或等于768像素時音頻元素就會自動調整為占據90%的寬度不過要注意同時設置min-width和max-width限制防止極端情況下顯示效果失常此外確保所有相關單位都采用百分比或者相對值而不是固定像素值
-
-
80vw;這樣它會根據屏幕的實際寬度自動調整大小當然別忘了給html標簽加上正確的meta viewport配置讓頁面能適應不同設備的顯示效果這樣才能確保在各種屏幕上都能正確顯示設定的比例
-
flex;然后對音頻元素應用flex屬性比如說flex:0 0 50%;這樣就能讓它占據父容器一半的空間而且這個比例會隨著屏幕大小的變化而自動調整記得還要檢查一下是否需要給body和html設置margin:0;padding:0;以避免出現意外的空白邊距影響整體效果
-
看情況 大盒子百分比 然后里面的平均分
-
最外層div的高度
直接設置成 ？% 高度?就可以了
然后 設置一個margin 居中就行了
當然 要在移動端顯示 你得加上
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
這個相信你知道是什么意思 就是在移動端按比例正常顯示，禁止放大縮小功能
沒你想的那么復雜
最新回答 更多>
相關問答
- 華為手機163郵件保存在哪里了
- 急急急急急急急 拳皇wing1.3的里模式怎樣選啊？？？？？？？？？
- 170號段手機卡如何注銷，170號段聯通信號的信號很差。沒法用，想注銷。
- 微信文件腫么發到163郵箱?
- 163的郵件服務器類型和名稱是什么啊？
- ios郵件說Appleimap.163.com用戶名或密碼錯誤？
- 蘋果郵箱為何163郵箱不能設置同步天數
- 你好，能告訴我CAD怎么繪制開關柜圖紙嗎？你有具體的教程嗎？發到heyuming3376@163.com，謝謝
- 怎么樣給手機號碼開通163郵箱
- 163郵箱郵件看了就沒了? 163郵箱郵件看了就沒了 找不到了
- 180a發電機組可帶多大功率
- 買Y81手機送藍牙耳機，音響好，自拍桿？還是送充電寶好？ 那種禮品比較貴？
- 170cm實體娃娃價錢
- 為什么163郵箱收不到steam的特別驗證碼？（手機上郵箱也看不到）
- 163免費郵箱的相冊地址怎么找，如果有了這個地址，會看到里面的其它例如信件，或文檔其它內容嗎？