![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
ブラウザ間のフォントの見え方の違い(大きさ)について分からないので質問させてください。
いろんなホームページをみていると、パソコン(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で質問しましょう!
似たような質問が見つかりました
- HTML・CSS 欧文フォントの表示がおかしい ホームページを作成しています。 英語と日本語を違うフォントを設定してい 2 2022/12/16 19:00
- その他(インターネット接続・インフラ) Webサイトのフォント・級数変更について 1 2022/10/18 18:08
- 画像編集・動画編集・音楽編集 動画作成をしているのですが、使いたいフォントが見つかりません。。。 平井大がPVに使用してるフォント 2 2023/05/28 09:51
- 政治 私の発明した「二階建て漢字」は使えるでしょうか? 3 2023/02/08 16:40
- Illustrator(イラストレーター) 作者不明のフォントについて 「Caslon antique」というフォントを商用で使いたいのですが( 2 2022/10/11 17:21
- CAD・DTP vectorworks、winとmacでデータを共有する場合 1 2023/02/20 16:41
- Word(ワード) Word2019と365の互換性について質問 1 2023/06/10 19:33
- Excel(エクセル) [テーマのフォント]、[見出しのフォント]、[本文のフォント]とは何ぞや? 2 2023/02/27 09:18
- プリンタ・スキャナー 平成明朝体について お世話になります。 自分の好みで、ワードで文書を作るときはMS明朝ではなく、HG 1 2023/05/29 20:44
- Illustrator(イラストレーター) 添付画像の帽子マーク~Tは、既成のフォントに類似フォントがありますでしょうか 1 2022/08/17 20:51
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブル内の文字サイズを変更...
-
alertで表示させる文字サイズは...
-
ペイント3Dのテキストサイズ変更
-
入力規則のリストの文字の大き...
-
パスワード欄の"●"文字を小さく...
-
CListCtrlで行の高さを指定した...
-
VBAでListViewのフォントを変更...
-
テキストエディタmiの表示文字...
-
<pre>タグ内のフォントサイズに...
-
文字を点滅させるHTML
-
同じブラウザでレイアウトが崩...
-
EXCELVBAオートシェイプの文字...
-
タイ語と日本語混在のサイトを...
-
記号の表示
-
インラインフレーム内の文字の...
-
Eclipseで文字の大きさの変更
-
丸文字のフォント
-
スタイルシートとは?
-
”ヒラギノ明朝Pro”をWindowsで...
-
セレクトボックスの中身を右寄...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
ペイント3Dのテキストサイズ変更
-
テキストエディタmiの表示文字...
-
alertで表示させる文字サイズは...
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
奇数のフォントサイズ指定について
-
HTMLテキストボックス内の文字...
-
alertで、アイコンの変更、又は...
-
”ヒラギノ明朝Pro”をWindowsで...
-
<table></table>内のFONT指定に...
-
共有メモリについて
-
<pre>タグ内のフォントサイズに...
-
エクセルで文字が勝手に大きく...
-
パスワード欄の"●"文字を小さく...
-
コピーライト記号の表示が小さい
-
アンドロイドスマホでのphp ech...
-
accessのレポートで文字間隔を...
-
英サイト(UTF-8)内での全角文字...
おすすめ情報