PCサイトのRetinaディスプレイ対策srcsetが便利1.5倍画像で十分か
6,529views／投稿 2015-10-04／更新 2019-02-17 MacBookを使っているとPCサイトのボヤケが気になります。そろそろRetina対応した方がいいかなといろいろ試していました。 Rimg（JavaScript） Retina.js（JavaScript） <picture> srcset srcsetの方法が楽で、今後は標準的になるんじゃないかなと思いますので、まとめてみます。 ダメだった方法から Rimg Rimgは画面横幅を判別して画像を切替えるタイプで、jQueryもいらないし軽くていいのですが、<script>でいちいち定義しないといけないので断念。 Retina.js Retina.jsはHTMLソースそのままでいいという画期的な方法。ファイル名がabc.pngならabc@2x.pngとして２倍画像をアップしておくだけで自動判別して高解像度側を表示し
iPhone Safariブラウザサイズは何px？ viewport width=device-width時
iPhone Safariブラウザサイズは何px？ viewport width=device-width時 108,078views／投稿 2014-09-19／更新 2017-11-13 ［追記］iPhone 8/8 Plus も7も6と同じブラウザサイズ。iPhone Xも幅は375です。この英語サイトがわかりやすいです。 iPhone 6と6 PlusのSafariブラウザ解像度をAppleストアに行って実機で調べて来ました。 iPhone 6 Plus ブラウザサイズ ： 414 × 736 ピクセル 物理的な解像度 ：1,080 × 1,920 ピクセル解像度、401ppi、5.5インチ iPhone 6 ブラウザサイズ ：375 × 667 ピクセル 物理的な解像度 ：750 × 1,334 ピクセル解像度、326ppi、4.7インチ iPhone 5系 ブラウザサイズ ：3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
