-
ID:eigPnS さんの質問

レスポンシブでコーディングをしています。

img {
width:100%;
}
としているのですが、Macので見るとぼやけていない画像も、
Windowsではぼやけて見えてしまいます。

画像は、表示するサイズの2倍サイズで作っているのですが、
Windowsではぼやけてしまいます。

ただ、表示するサイズと同じサイズで画像を作ると、
Windowsでは綺麗に見えるようになり、Macではぼやけてしまいます。

良い解決方法知っている方いれば、ご教示ください。
お願いします。

みんなの回答 3 件

ID:MP4eLC さんの回答

ブラウザは?

ID:eigPnS

回答ありがとうございます。
ブラウザはどちらもChromeを使っています。

ID:eigPnS

Firefoxで見ても同じ症状ですね。。。

ID:eIzYFk

img {
width:100%;
height:auto;
}
を書いても変わりないですか?

ID:eigPnS

ありがとうございます!

ID:cnxTH9 さんの回答

>Windowsでは綺麗に見えるようになり、Macではぼやけてしまいます。
retinaディスプレイのこと言ってるのかな。
高解像度のものを縮小した時に表示が汚いのは、ブラウザのレンダリング性能任せだからどうしようもないよ。fontにしてもそうだけど、基本的にwindowsに綺麗さを求めてはいけない。「表示されればおk」それが古から伝わるwindows(ノンデザイナーズ集団)の思想。

ID:cnxTH9

ブラウザの話だからWindows関係ないけどね。大嫌いだからいろいろ書いちゃったよ。

ID:eIzYFk

macがretinaなのですね。

srcset入れて振り分けて解決。
www.marguerite.jp/Nihongo/WWW/RefHTML5/Attrs/srcset.html

ID:eigPnS

ありがとうございます!

ID:LNZ6ao

>windowsに綺麗さを求めてはいけない。「表示されればおk」それが古から伝わるwindows(ノンデザイナーズ集団)の思想。

個人的にはこの部分には同意しかねるな。

ID:cnxTH9

> 同意しかねる
いろいろ意見があってよいと思います。
たとえば、windowsのアラートウィンドウの「OK」ボタンはキャンセルの左側に配置されてますが、なぜ左側に配置されているか理解できますか?
私が言うところのノーデザインとはそういうことを指していますよ。だっておそらくそこには大した意図が用意されていないくて、その負の財産を2015年にもなって引きづってるわけですから。

ID:iTODbX さんの回答

縮小前と縮小後のサイズ比がぴったり整数倍じゃないと、ブラウザによってはボケるよ。

ID:eigPnS

ありがとうございます!

ID:oBndKs

これな

ID:rsI4it

参考になった

最終更新日:2015-11-25 (6,381 views)

関連するトピックス

ページ上部に戻る