Можно ли пересчитать используемое изображение `srcset`, если размер окна браузера изменился?
Можно ли получитьsrcset
пересчитать размер окна браузера после загрузки страницы и, таким образом, обновить изображение, используя его.
Причина, по которой вы хотите это сделать, заключается в том, что если на рабочем столе у вас сжатое окно браузера, загрузите сайт, а затем увеличьте окно браузера, оно просто масштабирует «small.jpg» (как установлено вsrcset
) поэтому пользователь получит пиксельное изображение.
Я начал делать jsfiddle, чтобы показать проблему, но она не работает хорошо, как мне кажетсяsrcset
рассчитывается окном браузера, а не сеткой результатов jsfiddle.
Если вы заинтересованы, вы можете скопировать и вставить ниже в пустуюhtml
файл и запустите его на локальном сервере (должен быть на локальном сервере http: //, чтобы вы могли просмотреть вкладку отладки сети, чтобы увидеть, какое изображение загружено браузером). Запустите его в браузере через URL-адрес файла, используяfile:///
не позволит вам увидеть, какое изображение загружается через вкладку отладки сети.
<body>
<div class="wrapper">
<img
src="http://i.imgur.com/DoWeH0X.jpg?1"
srcset="http://i.imgur.com/QV9vace.jpg?1 1400w, http://i.imgur.com/ZqkR6Bk.jpg?1 800w, http://i.imgur.com/gltBZ06.jpg?1 300w"
alt="#"
>
</body>
</html>