Kann das `srcset` Bild neu berechnet werden, wenn die Größe des Browserfensters geändert wird?
Ist es möglich, @ zu bekommsrcset, um die Größe des Browserfensters nach dem Laden der Seite neu zu berechnen und das verwendete Bild zu aktualisieren.
Der Grund, warum Sie dies tun möchten, ist, dass wenn Sie auf einem Desktop Ihr Browserfenster komprimiert haben, eine Site laden und dann das Browserfenster vergrößern, es nur die "small.jpg" skaliert (wie in @ festgelegtsrcset), sodass der Benutzer ein pixeliges Bild erhält.
Ich habe angefangen eine Jsfiddle zu machen, um das Problem zu zeigen, aber es funktioniert nicht gut, wie ich denkesrcset wird vom Browserfenster berechnet und nicht vom jsfiddle-Ergebnisraster.
Wenn Sie interessiert sind, können Sie diese kopieren und in ein leeres @ einfügehtml -Datei und führen Sie sie auf einem lokalen Server aus (muss sich auf einem lokalen http: // Server befinden, damit Sie auf der Registerkarte "Netzwerk-Debugging" sehen können, welches Image vom Browser geladen wurde). Läuft im Browser über die Datei-URL mitfile:/// Über die Registerkarte "Netzwerk-Debugging" können Sie nicht sehen, welches Bild geladen wurde.
<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>