Не понял ли я тег img srcset
, если я скажу, что хотел бы указать браузеру, какое изображение показывать, когда экран max-size: 599px
(мобильный) и когда он выше этого?
<img
srcset="
small.jpg 600w,
big.jpg 2000w"
sizes="
(max-width: 599px) 600w,
2000w"
src="big.jpg" alt="Some text" />
Этот код не ведет себя так, как я ожидал. Мне бы хотелось, чтобы браузер отображал маленькое изображение, когда оно отображается на экране мобильного телефона, и отображал большое изображение для любого другого разрешения устройства. Нет ли способа сделать это просто? Так запутанно.
Я читал статьи на SitePoint, Smashing Mag и т. Д., И ни одна из них не объясняет это просто так, как указано выше. Они учитывают ширину изображения, области просмотра, отношения и т. Д. Все, что мне нужно, это указать в стиле разрешения экрана медиа-запроса, какое изображение показывать при каком разрешении.
Большое спасибо.