共有
  • 記事へのコメント26

    • 注目コメント
    • 新着コメント
    その他
    inoueyuworks
    inoueyuworks <img imgset>: 画像の、ディスプレイ解像度こみで考慮して、良さげなリソースを一つ選ぶ; <picture>: media-query が最初に合致した画像を表示する。

    2022/03/15 リンク

    その他
    AmaiSaeta
    AmaiSaeta "サイズ変更のみの場合はimgにsrcset属性を使う" "アートディレクションを入れる場合のみpictureを使う"

    2018/10/19 リンク

    その他
    tenchikometen
    tenchikometen レスポンシブ 画像 入れ替え

    2018/08/19 リンク

    その他
    yk_ac
    yk_ac サイズ変更のみの場合はimgにsrcset属性を使う アートディレクションを入れる場合のみpictureを使う

    2018/08/17 リンク

    その他
    istj
    istj css

    2018/07/13 リンク

    その他
    idr_zz
    idr_zz figureがpictureに取って変わるわけではなくこれはあくまでレスポンシブ向けの要素 なんでもかんでも&lt;picture&gt;要素を使えばいいわけじゃない!レスポンシブ・イメージ実装の際の注意点 @rriverさんから

    2017/03/29 リンク

    その他
    shuuuuuny
    shuuuuuny srcset picture

    2016/06/01 リンク

    その他
    steelydylan
    steelydylan こういう情報にもアンテナを張っておこう。

    2016/05/09 リンク

    その他
    mzkzzz
    mzkzzz picture要素、ios9.3から使えるようになったんだねえ http://caniuse.com/#search=picture

    2016/04/07 リンク

    その他
    kitokitoki
    kitokitoki 「サイズ変更のみの場合はimgにsrcset属性を使う,アートディレクションを入れる場合のみpictureを使う」

    2015/06/12 リンク

    その他
    piano-kanrinin
    piano-kanrinin “<img srcset="img/400w.png 400w, img/800w.png 800w, img/1200w.png 1200w" alt="幅に合わせた寸法での表示の例">”

    2015/03/09 リンク

    その他
    jinjor
    jinjor メモ。

    2015/03/02 リンク

    その他
    skyfox_xxx
    skyfox_xxx めも

    2014/10/31 リンク

    その他
    reactivation
    reactivation メモ

    2014/10/14 リンク

    その他
    xxxanxxx
    xxxanxxx “srcset”

    2014/10/10 リンク

    その他
    tihata
    tihata 便利なのかと思いきや、mediaをCSSにかけないのはかなりおしっこちびりそう。

    2014/10/08 リンク

    その他
    show-tima
    show-tima いつか使うことになりそうなのでメモ。

    2014/10/07 リンク

    その他
    s99e209
    s99e209 画像サイズのみを変更する(解像度の変更)場合はimgにsrcset属性を使う。 一方、スクリーンサイズによって違う内容の画像を表示する(アートディレクションを入れて画像を変更する)場合のみpictureを使う。

    2014/10/07 リンク

    その他
    mellow-mikan
    mellow-mikan ふむふむ

    2014/10/07 リンク

    その他
    thesecret3
    thesecret3 そろそろhtml5でいいのかな。。

    2014/10/07 リンク

    その他
    ku_marin
    ku_marin mediaの部分cssの方に書きたいけど出来るのかな〜出来たらいいな。しかしめんどい_(:3 」∠)_

    2014/10/07 リンク

    その他
    qrac_jp
    qrac_jp レスポンシブ画像切り分け。

    2014/10/07 リンク

    その他
    y-kawaz
    y-kawaz ひたすら面倒くさいな…。フロントやってる人達は偉いと思う。

    2014/10/07 リンク

    その他
    clstk
    clstk 画像の扱いについて。

    2014/10/07 リンク

    その他
    suei0921
    suei0921 (ピクチャー要素)

    2014/10/07 リンク

    その他
    XIAORING
    XIAORING picture img responsive 画像 解像度

    2014/10/07 リンク

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック!
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    なんでもかんでもpicture要素を使えばいいわけじゃない!レスポンシブ・イメージ実装の際の注意点

    画像表示のマルチデバイス対応をHTMLCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な...

    ブックマークしたユーザー

    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事