2

Я читаю отзывчивые изображения в HTML5 и задаю вопрос.HTML srcset - когда использовать дескриптор x?

Когда вы используете x-дескриптор? Если, например, у вас разные версии разрешения одного и того же изображения, почему бы вам не использовать w-дескриптор? Как я понимаю, если вы определяете:

<img src="fallback.img" alt"txt" 
 
    srcset="large.jpg 1024w, 
 
      medium.jpg 640w, 
 
      small.jpg 320w," 
 
    sizes="250px" 
 
    alt="txt">

Затем браузер выясняет плотность пикселей равно деления ширины изображений (1024,640,320) - предоставляемые ш-описатель с шириной, которую они будут отображаться в (250), - при условии атрибута размеров. И, получив плотность пикселей, браузер может учитывать дисплеи с высокой плотностью.

Вот как я это понимаю до сих пор, если я ошибаюсь, я хотел бы это узнать. Итак, когда w дескриптор w не самый лучший вариант/когда предпочтительнее дескриптор x?

+1

Вы понимаете это правильно. Если вы определяете только одно значение 'size' в' px', вы имитируете функцию дескриптора x. Единственной причиной использования дескриптора x в этих случаях было бы следующее: это более короткий синтаксис. Исторически x дескриптор был до дескриптора w. –

ответ

1

Раньше я использовал только дескриптор x, когда визуализированный размер изображения был исправлен, что произошло не так часто.

Единственное преимущество заключалось в том, что некоторые браузеры поддерживали дескриптор x, но только для w.

Теперь, когда поддержка браузеров широко распространена, я использую только дескриптор w, и редко <picture>.

Смежные вопросы