以下针对响应图像的标记是否完全相同?

时间:2018-10-01 22:12:51

标签: responsive-design srcset

执行以下代码块#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,
/>

0 个答案:

没有答案