HTMLLinkElement: sizes 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起，所有主流浏览器均已支持。

HTMLLinkElement 接口的只读属性 sizes 定义了资源中包含的视觉媒体图标的尺寸。它反映了 <link> 元素的 sizes 属性，该属性接受一个由空格分隔的尺寸列表，每个尺寸的格式为 <宽度（像素）>x<高度（像素）>，或者关键字 any。

仅当 rel 属性为 icon 或非标准类型（如 apple-touch-icon）时，此属性才相关。

值

一个 DOMTokenList

示例

html

<link rel="icon" sizes="72x72 114x114" href="smallish.png" />

const link = document.querySelector("[rel=icon],[rel=apple-touch-icon]");
console.dir(link.sizes); /* output:
  DOMTokenList [ "72x72", "114x114" ]
    0: "72x72"
    1: "114x114"
    length: 2
    value: "72x72 114x114"
  */
console.log(link.sizes.value); // output: '72x72 114x114'
console.log(link.sizes.length); // output: 2'
console.log(link.sizes[0]); // output: '72x72'
console.log(link.sizes[1]); // output: '114x114'

规范

规范
HTML # dom-link-sizes

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后由 MDN contributors 于 2025年4月10日修改。

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