Следующая разметка для адаптивных изображений делает то же самое? - PullRequest
Новая
       24

Следующая разметка для адаптивных изображений делает то же самое?

0 голосов
/ 02 октября 2018

Имеет ли следующий кодовый блок № 1 

<picture>
    <source media='(max-width:480px)' srcset='small.jpg'>
    <source media='(max-width:992px)' srcset='large.jpg'>
</picture>

Точно так же, как показано ниже для кодового блока № 2? 

<picture>
    <source
        srcset='small.jpg 480w, large.jpg 992w'
        media='(max-width:480px) 480px, (max-width:992px) 992px'
    >
</picture>

И код блока № 3? 

<picture>
    <source
        srcset='small.jpg 480w, large.jpg 992w'
        media='(max-width:480px) 100vw, (max-width:992px) 100vw'
    >
</picture>

И код блока № 4? 

<img
    src='small.jpg'
    srcset='small.jpg 480w, large.jpg 992w'
    sizes="(max-width: 480px) 480px, (max-width: 992px) 992px,
/>
...