cssでiPhone SEで文字が小さすぎるのをなんとかしたい

htmlの基本は分かっていますが、cssはよく分かりません。
最近iPhone SEを買ったのですが、作ったサイトを見ると文字が小さすぎて読みにくいです。
(Macではふつうに見れます)

cssでは、ピクセル数の小さいスマホの場合に文字サイズを変更する方法はありますが、
iPhone SEはピクセル数自体はRetinaで充分あるので、この方法は使えず、むしろもっと大きくしたいのです。

もちろん画面の方でピンチすれば拡大することはできますが、
他のiPhone SEユーザーのことを考えて、元から読みやすい大きさにしたいのです。

簡単にcssなどで対応できる方法はないでしょうか？

htmlはひとつで済ませたいです。

よろしくお願いします。

No.1 ベストアンサー 回答者： aozakana_dha 回答日時： 2017/02/26 04:17

最近のブラウザは1インチあたりのピクセル数がわかるようになっているそうですので、それをもってどのCSSを使うか判定することになるかと思います。

<参考>WebページをRetina対応させるテクニック～基礎知識編
http://www.atmarkit.co.jp/ait/articles/1308/29/n …

この回答へのお礼

お〜!!
これこそ探していたものでした。
一発でうまくいきました。
ありがとうございます〜(^ ^)/

お礼日時：2017/02/26 07:25