あれやこれや自分のための覚書

ウィンドウサイズで画像を切り替えるsrcset

これ!探していた情報

わかりやすい解説

大感謝です。ありがとうございます。

 

http://kia-king.com/blog/tutorial/responsive-images-with-srcset/

HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう

 

 

こちらもわかりやすい解説で参考になります

https://qiita.com/C058/items/643a9ff2d23dfe3a0b37

横長のメインバナーをスマホ画面で切り替えてみた

PCサイトではちょうどいいぐあいの横に細長いメインバナー

バナー下部のコンテンツも見てほしいのであまりドーンとファーストビュー画面を占領したくないときってありますよね。

でもスマホの幅にあわせて天地サイズも小さくなってしまうのでインパクトがないどころか文字も読めないような事態に

srcsetで試してみました
サンプル https://kirokugakari.info/sample/sourceset.html

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近のコメント

    RSS へのコメント

    • エラーが発生しました。フィードの配信が停止している可能性があります。再度お試しください。
    友だち追加