14

srcsetページが読み込まれたら、ブラウザ ウィンドウのサイズを再計算して、使用している画像を更新することは可能ですか。

これを行う理由は、デスクトップでブラウザー ウィンドウが圧縮されている場合、サイトを読み込んでからブラウザー ウィンドウを大きくすると、「small.jpg」( で設定srcset) が拡大縮小されるためです。ユーザーは頭がおかしくなった画像になります。

問題を表示するためにjsfiddleの作成を開始しましたがsrcset、jsfiddleの結果グリッドではなく、ブラウザーウィンドウによって計算されると思われるため、うまく機能しません。

興味がある場合は、この下を空白のhtmlファイルにコピー アンド ペーストして、ローカル サーバーで実行できます (ローカルの http:// サーバー上にある必要があるため、ネットワーク デバッグ タブを表示して、ブラウザーがどの画像を読み込んだかを確認できます)。wontを使用してファイルの 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>
4

2 に答える 2

2

私はこれが再レンダリングを強制することを発見しました

var img = document.getElementById('my-element');

img.srcset = img.srcset;

于 2017-12-06T21:00:13.880 に答える