気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
qiita.com/kazhashimotoエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
0
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
HTMLの<picture>要素をIE11でも使えるように見せかける簡易版JSを作った - Qiita
IE11も対象の案件。ブラウザの画面幅に応じてページのレイアウトが変わる際、一部の<img>要素の画像につ... IE11も対象の案件。ブラウザの画面幅に応じてページのレイアウトが変わる際、一部の<img>要素の画像については縦横比が異なるものを表示させる必要がありました。そこで、サイズや縦横比が異なる複数の画像をあらかじめ用意しておき、画面幅に応じて自動で切り替わるようにしたい。最近のブラウザならHTMLの<picture>要素をサポートしているので、mediaクエリを付けた<source>要素を並べて書くだけで実現できますが、IE11は<picture>要素が未対応。もちろん、polyfill picturefill.jsの存在は知っています。が、今回はとりあえずmax-widthだけを基準にして画像を切り替えできれば十分だったので、自分でIE11用に簡易版のコードをJavaScriptで書いてみることにしました1。 ※コンテントの画像 via Unsplash 簡易版の仕様 簡易版jsが扱うこと
qiita.com/kazhashimoto
qiita.com/kazhashimoto
qiita.com/kazhashimoto
qiita.com/kazhashimoto
anond.hatelabo.jp
www.bbc.com
news.jp
kazenotori.hatenablog.com
zenn.dev/chiji
speakerdeck.com/riyaamemiya
president.jp
zenn.dev/knowledgesense
www.publickey1.jp
zenn.dev/mameta29
www.m3tech.blog
zenn.dev/asap
komachi.yomiuri.co.jp
koto.ut.bex.jp
news.yahoo.co.jp
levtech.jp
foneslife.com
foneslife.com
www.hotpepper.jp
