HTMLSourceElement: свойство sizes

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с марта 2017 года.

Свойство sizes интерфейса HTMLSourceElement — это строка, представляющая список одного или нескольких размеров, соответствующих размерам между точками разрыва, к которым применяется ресурс.

Оно отражает атрибут sizes элемента <source>.

Значение

Строка.

Примеры

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

const el = document.getElementById("el");
console.log(el.sizes); // Output: "((min-width: 50em) and (max-width: 60em)) 50em, ((min-width: 30em) and (max-width: 50em)) 30em"
el.sizes =
  "((min-width: 50em) and (max-width: 60em)) 50em, ((min-width: 30em) and (max-width: 50em)) 30em"; // Updates the sizes value

Спецификации

Спецификация
HTML # dom-source-sizes

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`sizes`	38	13	38	25	10.1 Атрибут `sizes` поддерживается начиная с Safari 9.1.	38	38	25	10.3 Атрибут `sizes` поддерживается начиная с Safari на iOS 9.1.	3.0	38

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSourceElement/sizes