HTMLSourceElement: sizes 属性

Baseline 已广泛支持

此特性已得到良好确立，可跨多种设备和浏览器版本使用。自 2017 年 3 月起，所有浏览器均支持此特性。

HTMLSourceElement 接口的 sizes 属性是一个字符串，表示一系列尺寸，用于指定资源在不同断点下的应用尺寸。

它反映了 <source> 元素的 sizes 属性。

值

字符串。

示例

html

<source
  id="el"
  src="mediumVideo.mov"
  type="video/quicktime"
  sizes="(50em <= width <= 60px) 50em,
         (30em <= width < 50em) 30em" />

const el = document.getElementById("el");
console.log(el.sizes); // Output: "(50em <= width <= 60px) 50em, (30em <= width < 50em) 30em"
el.sizes = "(50em <= width <= 60px) 100em, (30em <= width < 50em) 60em"; // Updates the sizes value

规范

规范
HTML # dom-source-sizes

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

本页面最后修改于 2025年7月1日，由 MDN 贡献者进行更新。

在 GitHub 上查看此页面 • 报告此内容的问题