フォントサイズの指定方法で質問です。

質問

ブラウザ間のフォントの見え方の違い（大きさ）について分からないので質問させてください。

いろんなホームページをみていると、パソコン（IE9）ではちょうど良い大きさで表示されていて、さらにアイフォンでも見やすい大きさで表示されているサイトがあります（スマホ対応サイトのことではありません）

それはいいのですが、自分で作成したホームページだと、なぜかそうはなりません。

上述のサイトのフォントサイズくらいで自分のサイトを作成してアップロードしても、パソコンにおける見え方（フォントの大きさ）はおなじでも、アイフォンで確認した時に自分のサイトは上述のサイトと比較すると、フォントが小さくて若干見づらいです。

だからと言ってアイフォンで見やすいようにフォントサイズを大きくすると、今度はパソコンで見た時に違和感のある大きさになってしまいます。

フォントサイズはピクセルで指定していますが、何か他の設定方法があるのでしょうか？

よろしくお願いします。

回答No.2

metametamu

実機持ってないんで試せないですがiphone用に　-webkit-text-size-adjust　っていうプロパティがあるみたいですね。

補足

返事が遅れてしまい本当に申し訳ありませんm(__)m

順番に試して見ます。

ようやくcssの構造が少し理解できてきた程度なので、またお世話なになるかもしれませんが、よろしくお願いいたします。

遅れてしまい申し訳ありませんでした。

回答No.1

ORUKA1951

基本的にフォントサイズは指定しないほうが良いですね。
その場合、IEのみは互換モードでは一回り小さな文字で表示されます。
　基本として、DOCTYPEをURLまで含むように正しく記述して、IEが標準モードで動作するようにする。
　⇒IE 互換モード フォント - Google 検索( https://www.google.co.jp/search?q=IE%20%E4%BA%92%E6%8F%9B%E3%83%A2%E3%83%BC%E3%83%89%20%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88 )
　⇒DOCTYPE スイッチ - Google 検索( https://www.google.co.jp/search?num=30&safe=off&q=DOCTYPE+%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&oq=DOCTYPE+%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81 )
　⇒7.2 HTMLバージョン情報( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#version-info )
　⇒HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )

＞パソコン（IE9）ではちょうど良い大きさで表示されていて
　iphoneの場合、画面の解像度が高いため本来の1px=0.26mmより小さくなります。
『The two images below illustrate the effect of viewing distance on the size of a pixel and the effect of a device's resolution. In the first image, a reading distance of 71 cm (28 inch) results in a px of 0.26 mm, while a reading distance of 3.5 m (12 feet) requires a px of 1.3 mm.( http://www.w3.org/TR/2004/CR-CSS21-20040225/syndata.html#length-units )』

　mediaqueryを使ってスタイルシートを切り替えるのが早道でしょう。

補足

返信遅れてしまい大変申し訳ありませんm(__)m

ちょっとむずかしそうですけど、さっそく試して見ます。また報告させていただきます。