You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

HTML中audio标签的默认宽度是多少?

HTML音频播放器的默认宽度说明

HTML的<audio>元素属于替换元素,它的默认宽度并没有W3C标准强制统一的数值,完全由各浏览器的默认样式决定,不同浏览器/设备上表现有差异:

  • 桌面端常见浏览器:
    • Chromium内核(Chrome、Edge等):默认宽度约300px
    • Firefox:默认宽度约300px(样式细节与Chromium不同)
    • Safari:默认宽度略宽,约320px
  • 移动端浏览器:
    多数会自适应父容器宽度,或取设备视口的固定比例(通常在280px-320px区间,部分会全屏适配)

重要提示

不要依赖浏览器的默认宽度来布局,跨浏览器差异会导致页面显示不一致。建议通过CSS显式设置宽度,比如:

audio {
  width: 100%; /* 自适应父容器 */
  /* 或者固定宽度:width: 400px; */
}

内容的提问来源于stack exchange,提问作者SUPER_TCJJJJ

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.24 15:09:12