У меня есть макет с несколькими столбцами.
В зависимости от размера экрана макет логически уменьшается до 1 столбца.
Изображения в этих столбцах занимают 100% от ширины столбца.
В случае макета 1 столбца ширина столбца обычно больше, чем макет 2 столбца.
Я ищу способ использования srcset
и size
для загрузкиизображение шириной 440 пикселей для макета в 1 столбец и изображение шириной всего 220 пикселей для более широких экранов.
Можно ли это сделать исключительно в HTML или мне нужно использовать CSS с фоновыми изображениями?