У меня есть сетка css из 14 столбцов, которая центрирована на странице на рабочем столе. Все мои изображения установлены на max-width: 100%, поэтому ширина зависит от ширины контейнера столбца.
<img src="image_path.jpg&s=image-390"
srcset="image_path.jpg&s=image-390 390w,
image_path.jpg&s=image-585 585w,
image_path.jpg&s=image-780 780w,
image_path.jpg&s=image-1170 1170w,
image_path.jpg&s=image-1560 1560w,
sizes="(min-width: 1023px) 300px, 100vw">
На настольных компьютерах ширина изображения в столбце составляет 300 пикселей (4 столбца), но почему он отображает изображение 585, когда я проверяю на вкладке «Сеть» на моем MacBook Pro соотношение устройств 2? Разве это не должно быть 780? Это 300 * 2 = 600, так что следующее изображение 780 верно? Кроме того, если я по какой-то причине изменил его на 380px, он вытянет изображение 780 (<379px тянет 585), но почему? Это кажется мне случайным. ?? </p>