Правильные значения для `width` и` height 'на `img` с` srcset`? ⇐ CSS

[Anonymous]

Я использовал HTML, аналогичный этому раньше, чтобы отобразить изображение 320 x 240, обеспечивая при этом версии с более высоким разрешением для дисплеев с высоким содержанием DPI: < /p>

Код: Выделить всё

[img]elva-fairy-320w.jpg[/img]
    srcset="elva-fairy-480w.jpg 1.5x, elva-fairy-640w.jpg 2x"
alt="Elva dressed as a fairy" />
< /code>
Тем не менее, статья MDN с использованием адаптивных изображений в HTML рекомендует это вместо этого: < /p>

[img]elva-fairy-640w.jpg[/img]
    srcset="elva-fairy-320w.jpg, elva-fairy-480w.jpg 1.5x, elva-fairy-640w.jpg 2x"
alt="Elva dressed as a fairy" />
...
img {
width: 320px;
}

В первом случае я бы добавил в IMG тег: width = "320" и height = "240" . Они равны как внутреннему размеру изображения src , так и для отображаемого размера. 640 & 480 , внутренний размер src ? Или 320 & 240 , отображаемый размер?

Подробнее здесь: https://stackoverflow.com/questions/796 ... ith-srcset