768px){audio{width:90%;}}這樣當(dāng)屏幕寬度小于或等于768像素時(shí)音頻元素就會(huì)自動(dòng)調(diào)整為占據(jù)90%的寬度不過要注意同時(shí)設(shè)置min-width和max-width限制防止極端情況下顯示效果失常此外確保所有相關(guān)單位都采用百分比或者相對(duì)值而不是固定像素值
-
-
80vw;這樣它會(huì)根據(jù)屏幕的實(shí)際寬度自動(dòng)調(diào)整大小當(dāng)然別忘了給html標(biāo)簽加上正確的meta viewport配置讓頁面能適應(yīng)不同設(shè)備的顯示效果這樣才能確保在各種屏幕上都能正確顯示設(shè)定的比例
-
flex;然后對(duì)音頻元素應(yīng)用flex屬性比如說flex:0 0 50%;這樣就能讓它占據(jù)父容器一半的空間而且這個(gè)比例會(huì)隨著屏幕大小的變化而自動(dòng)調(diào)整記得還要檢查一下是否需要給body和html設(shè)置margin:0;padding:0;以避免出現(xiàn)意外的空白邊距影響整體效果
-
看情況 大盒子百分比 然后里面的平均分
-
最外層div的高度
直接設(shè)置成 ？% 高度?就可以了
然后 設(shè)置一個(gè)margin 居中就行了
當(dāng)然 要在移動(dòng)端顯示 你得加上
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
這個(gè)相信你知道是什么意思 就是在移動(dòng)端按比例正常顯示，禁止放大縮小功能
沒你想的那么復(fù)雜
最新回答 更多>
相關(guān)問答
- 華為手機(jī)163郵件保存在哪里了
- 急急急急急急急 拳皇wing1.3的里模式怎樣選啊？？？？？？？？？
- 170號(hào)段手機(jī)卡如何注銷，170號(hào)段聯(lián)通信號(hào)的信號(hào)很差。沒法用，想注銷。
- ios郵件說Appleimap.163.com用戶名或密碼錯(cuò)誤？
- 蘋果郵箱為何163郵箱不能設(shè)置同步天數(shù)
- 163郵箱郵件看了就沒了? 163郵箱郵件看了就沒了 找不到了
- 170cm實(shí)體娃娃價(jià)錢
- 為什么163郵箱收不到steam的特別驗(yàn)證碼？（手機(jī)上郵箱也看不到）
- 163免費(fèi)郵箱的相冊(cè)地址怎么找，如果有了這個(gè)地址，會(huì)看到里面的其它例如信件，或文檔其它內(nèi)容嗎？
- 怎么樣在蘋果手機(jī)14中添加163?
- QQ郵箱如何設(shè)置跟163郵箱一樣的自動(dòng)答復(fù)？
- 蘋果手機(jī)腫么添加163免費(fèi)郵箱?
- 163郵箱剛注冊(cè)就帳號(hào)密碼錯(cuò)誤？
- 163郵箱帳戶忘了怎么找回?
- 163郵箱進(jìn)不去是為什么呢？