最近ホームページ制作していたら見逃せないのがスマートフォン対応ってことですよね。レスポンシブデザインって言ってPCで見たときと同じページだけどデザインはスマホ用にレイアウト変更されるデザイン方法があります。原因はズバリ!「レティナディスプレイ」です。ワタクシもレティナでの確認環境が無かったため結構気づかなかった部分で,最初「画像が荒いんだよね~。」って言われた時は「えっ?そんなハズは...」と思ったもんでした。画像が拡大されて表示されてしまい、結果荒くなってしまうという理屈らしいです...「なんだよ、綺麗に見えるディスプレイで見たら汚いって本末転倒じゃん、Ratinaの方でそんなの対応しろよ!」と文句を言っても仕方ないのでとりあえずの対応方法をば...srcset「通常の画像」と「2倍のサイズの画像」2枚の画像を用意して、以下のようにhtmlを書き換えます。/>src="通常画像パス"srcはsrcsetに対応していないブラウザ用の指定です。2x"Ratinaディスプレイ対応用のタグです。通常のデバイスなら通常画像が、Ratinaディスプレイなら2倍の画像が表示されます。この為に画像を2つ用意したり...正直面倒ですね~、ワタクシの性格が出てしまう部分です。byとっつぁんとっつぁんです。昼間はバイク便のメッセンジャーでピニャコラーダです。ジョンという名前の犬に飼われています。