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">
这个相信你知道是什么意思 就是在移动端按比例正常显示，禁止放大缩小功能
没你想的那么复杂
最新回答 更多>
相关问答
- 170cm实体娃娃价钱
- 为什么163邮箱收不到steam的特别验证码？（手机上邮箱也看不到）
- 怎么样从中天A818手机导出号码
- 编号163打头的股票是什么股票!!!
- 金鹏A818的解锁码是什么?
- 佳能a95取景正常，拍短片也正常，但拍照花屏，是哪的問題?镜头还是ccd?现在还给免费换ccd吗?
- 163付费邮箱价钱？
- vivo x31屏幕碎了，还能滑动，换个屏价钱
- 163邮箱放在界面上怎么就登陆不上了
- 我用自己的手机拍的照片上传到163的图片库,为什么不成功?
- 我的联想手机a709e桌面系统被我卸载了现在开机就是白屏可不可以修好
- HT此声修皮确难扬青也均ML5实现APP和来自原生方式有多大差距，多少坑
- 请问你有谁知道wing8.1和wing10哪个系统对电脑的配置要求高一点？有经验的回答，麻烦不要随便说，谢谢
- 中兴手机ZT1充电出现红色闪电上有错号为什么