HTML 5.1の新要素picture入門 - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/tonkotsuboy_com

25 usersがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

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

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

HTML 5.1の新要素picture入門 - Qiita

(2016/09/26 追記) picture要素について、ICS MEDIAにて更に詳しく解説しました。こちらも合わせて参照... (2016/09/26 追記) picture要素について、ICS MEDIAにて更に詳しく解説しました。こちらも合わせて参照ください。レスポンシブイメージで画像の表示を最適化〜CSSもJSもいらないHTML 5.1の新機能 - ICS MEDIA HTML 5.1にて実装される新要素picture要素を使うと、CSSメディアクエリを使って画像を出し分けることが可能です。例えば、ビューポート横幅が700px以下の時、a.pngという画像を表示するコードは下記のとおりです。個別の画像の指定はsource要素で行い、画像パスをsrcset属性、メディアクエリをmedia属性でそれぞれ指定します。また、picture要素に対応していないブラウザの為に、img要素も必ず指定します。 <picture> <source media="(max-width: 600px)" srcset="im

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

tanalab22018/01/08
pirokong-z2017/09/04
benzina2016/11/08
blend272016/11/07
bitingpraline2016/07/22
wanwanwanda2016/07/19
cmd082016/07/16
cu392016/07/16
dango3brother2016/07/16
TERMINATOR_T8002016/07/16
Nyoho2016/07/16
ohnishiakira2016/07/15
uchiuchiyama2016/07/15
newsList2016/07/15
teitei_tk2016/07/15
ymrl2016/07/15
mizchi2016/07/15

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

設定を変更しましたx