エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
img srcsetの最適解!サイズ違い画像いくつも用意してられない
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
img srcsetの最適解!サイズ違い画像いくつも用意してられない
6,435views/投稿 2017-03-01/更新 2019-04-30 imgのsrcsetをシンプルにレスポンシブ対応(要は全デバ... 6,435views/投稿 2017-03-01/更新 2019-04-30 imgのsrcsetをシンプルにレスポンシブ対応(要は全デバイス)でも大丈夫なルールを我流で定められないか?という思いでまとめました。 PCもRetinaディスプレイになってきたし、srcsetが標準になるだろうし、WordPressとか画像自動化じゃない手打ちのレスポンシブHTMLで統合的に扱える簡単な単一方法はないか?と思ったからです。 サンプルページを用意しました。 画像の用意は2枚まで とにかくシンプルにしたい(sizesとかvwとか嫌だ) レスポンシブでスマホもPCも全部対応したい タブレットはいろんなサイズあるがiPad基準に タブレットはPC側としよう(スマホ/PC&タブレット) スマホの横持ちは無視!というより軽さ重視 結論はこれです <img src="スマホ画像.jpg" srcset="スマ