0

Bootstrap を使用して単純な静的サイトを構築する予定です。私の知る限り、Bootstrap にはFoundationのような Retina イメージのサポートが組み込まれていません。サイトのすべての画像を意図したサイズの 2 倍 (600x300 など) にしてから、コードに配置するときに縮小することを妨げているのは何ですか?

<img src="myImage.png" width="300" height="150">

私が考えることができる唯一の問題は、ファイルサイズが非常に大きい画像の場合です。その場合、Bootstrap でうまく動作する優れた Retina JS ライブラリを見つける必要があるかもしれません。そして、怠惰のテーマを続けると、コードに自分自身を注入する限り、bower と grunt でうまく機能することを願っています。

4

1 に答える 1

0

respimageと組み合わせてlazySizesを試すことができます。コードは次のようになります。

<img
    data-sizes="auto"
    src="lqip-src.jpg"
    data-srcset="lqip-src.jpg 100w,
    image2.jpg 300w,
    image3.jpg 600w,
    image4.jpg 900w" class="lazyload" />
于 2014-11-25T19:34:46.100 に答える