Я пытаюсь использовать srcset в первый раз, с кодом ниже:
<img srcset="url-1000x552.jpg 1000w, url-670x370.jpg 670w, url-400x221jpg 400w" src="url-670x370.jpg" sizes="(min-width:300px) 400w, (min-width:768px) 670w, (min-width:992px) 1000w">
Это работает в Firefox и Edge, но Chrome, Safari и Android всегда служат до самого большого размера изображения - и, очевидно, последние два браузера - это те, которые меня больше всего интересуют.
Я пробовал:
- Задание размеров = "100vw" вместо
- Изменение порядка размеров srcset
- Удаление sr c
В другом посте ( Img Srcset Attribute, не выбирающий меньшее изображение ) предлагается протестировать изображение srcset в браузерах - и действительно, изображение с кодовым заглушкой показывает только большее изображение в моем Chrome браузер и на моем Android телефоне.
Что я могу с этим поделать? Есть ли смысл использовать srcset, если он не работает в браузерах ??