![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ブラウザ間のフォントの見え方の違い(大きさ)について分からないので質問させてください。
いろんなホームページをみていると、パソコン(IE9)ではちょうど良い大きさで表示されていて、さらにアイフォンでも見やすい大きさで表示されているサイトがあります(スマホ対応サイトのことではありません)
それはいいのですが、自分で作成したホームページだと、なぜかそうはなりません。
上述のサイトのフォントサイズくらいで自分のサイトを作成してアップロードしても、パソコンにおける見え方(フォントの大きさ)はおなじでも、アイフォンで確認した時に自分のサイトは上述のサイトと比較すると、フォントが小さくて若干見づらいです。
だからと言ってアイフォンで見やすいようにフォントサイズを大きくすると、今度はパソコンで見た時に違和感のある大きさになってしまいます。
フォントサイズはピクセルで指定していますが、何か他の設定方法があるのでしょうか?
よろしくお願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
実機持ってないんで試せないですがiphone用に -webkit-text-size-adjust っていうプロパティがあるみたいですね。
この回答への補足
返事が遅れてしまい本当に申し訳ありませんm(__)m
順番に試して見ます。
ようやくcssの構造が少し理解できてきた程度なので、またお世話なになるかもしれませんが、よろしくお願いいたします。
遅れてしまい申し訳ありませんでした。
No.1
- 回答日時:
基本的にフォントサイズは指定しないほうが良いですね。
その場合、IEのみは互換モードでは一回り小さな文字で表示されます。
基本として、DOCTYPEをURLまで含むように正しく記述して、IEが標準モードで動作するようにする。
⇒IE 互換モード フォント - Google 検索( https://www.google.co.jp/search?q=IE%20%E4%BA%92 … )
⇒DOCTYPE スイッチ - Google 検索( https://www.google.co.jp/search?num=30&safe=off& … )
⇒7.2 HTMLバージョン情報( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
⇒HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
>パソコン(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/synd … )』
mediaqueryを使ってスタイルシートを切り替えるのが早道でしょう。
この回答への補足
返信遅れてしまい大変申し訳ありませんm(__)m
ちょっとむずかしそうですけど、さっそく試して見ます。また報告させていただきます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
HTMLでHGPゴシックEを表現する...
-
テキストエディタmiの表示文字...
-
ペイント3Dのテキストサイズ変更
-
alertで、アイコンの変更、又は...
-
英サイト(UTF-8)内での全角文字...
-
セレクトボックスの幅を指定し...
-
h1をCSSでサイズ指定→文字間隔...
-
エクセルで文字が勝手に大きく...
-
TEXTAREAの1行あたりの文字数
-
CSS:リンクにカーソルを合わせ...
-
ASP VBscript でメッセージボッ...
-
html
-
HTMLでの全角スペース
-
三点リーダー(…)が...と文字化...
-
CSSです。英数字のみArial書体...
-
<table></table>内のFONT指定に...
-
【DreamWeaver】「コード」画面...
-
CSSで文字サイズを指定してもIE...
-
奇数のフォントサイズ指定について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブル内の文字サイズを変更...
-
入力規則のリストの文字の大き...
-
alertで表示させる文字サイズは...
-
テキストエディタmiの表示文字...
-
ペイント3Dのテキストサイズ変更
-
<pre>タグ内のフォントサイズに...
-
excelをhtmlに変換した途端、一...
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
英サイト(UTF-8)内での全角文字...
-
奇数のフォントサイズ指定について
-
CSSです。英数字のみArial書体...
-
パスワード欄の"●"文字を小さく...
-
コピーライト記号の表示が小さい
-
エクセルで文字が勝手に大きく...
-
alertで、アイコンの変更、又は...
-
HTMLテキストボックス内の文字...
-
タイ語と日本語混在のサイトを...
-
インラインフレーム内の文字の...
-
HTMLでHGPゴシックEを表現する...
おすすめ情報