おはようございます。
現在ホームページ作成中なんですけど、
文字の大きさについて質問させていただきます。
今ホームページを作ってるパソコンで見ていたものを
他のパソコンで見ると大きさが違いますよね。
解像度が違うから仕方ないんでしょうか。
ディスプレイによる見え方の違い(文字の大きさの違いなど)
をなくすことはできるのでしょうか?
このパソコンでは文字の大きさがちょうどいいと思っていても
別のパソコンでみると、小さいってことがあります。
なにか対処の方法はないものでしょうか?
よろしくお願いします。
No.4ベストアンサー
- 回答日時:
おはようございます。
専門職の者です。No.3の方のようにスタイルシートで指定します。
<head>この中にスタイルシート指定します</head>
<body>通常タグ</body>
■下記参照
<head>
<title>○○○○○○○○</title>
<style type="text/css">
<!--
body,h1,table,p,{font-size:12px;}
-->
</style>
<body>
あらゆるタグ(親タグ)に対して全て12pxサイズの文字表示になります。
</body>
このように「BODY」内に空タグの文字に対しても、「TABLE」内の文字に対しても、「H1」の様なHタグに対しても「P」内の文字に対しても全て12pxで表示されます。つまり解像度にも関係なくモニタ解像度(モニタサイズ)に対して12pxで表示されます。
No.3の方のように<span class>でもできます。さらに直接スタイルシートを打ち込むこともできます。
例えば、
ここは通常サイズ<span style="font-size:12px;">ここだけ12px</span>ここは通常さいず
といった感じです。
No.3
- 回答日時:
解像度の問題はどうしようもないですが、文字サイズを統一する事はできます。
例えばWindowsの場合は文字サイズが最大・大・中・小・最小とありますが、
このスタイルシートを使えばどのサイズにしていても同じ大きさの文字になったと思います。
ブラウザによって出来ないものもあるんですが、ほとんど大丈夫だと思います。
宜しかったらお試し下さいね(^-^
<html>
<head>
<title>文字サイズを指定する</title>
<style type="text/css"><!--
.fs24 { font-size: 24pt; }
--></style>
<body>
文字サイズを<span class="fs24">ここだけ24pt</span>にしてみました。
</body>
</html>
下記の参考URLからコピぺさせて頂きました。
詳しくはここのスタイルシート例文辞典を見てみて下さいね。
参考URL:http://www.shiojiri.ne.jp/~openspc/
No.2
- 回答日時:
基本的な部分は#1の方のコメントに沿っていただいて良いかと思います。
ブラウザによっても見え方が異なることも知っておいた方が良いでしょう。
InternetExplorerの方がデフォルト設定の文字サイズが大き目です。それに合わせて作るとNetscapeでは文字が小さく見えてしまいます。またご存知かとは思いますが、IEにしか使えないタグをNetscapeで見るととんでもないことになっていたりします。
これを技術的に解決するのは面倒な話で、それこそFLASHなんかで全部作るとか強引なやり方もないではないのですが、ホームページの部分に「このサイトはInternetExplorer6以外でご覧いただくと、レイアウトなどに不具合が生じる恐れがありますので、予めご了承ください」などの但し書きを書くのがよくある対処方法です。
結構、個人でもそのように表記されている方がいらっしゃいますので、幾つかご覧になって参考にされると良いでしょう。
No.1
- 回答日時:
確かにモニターの大きさや解像度により見え方がぜんぜん違ってしまいます。
文字の大きさは<FONT>タグのSIZEにより1-7の7段階で指定できますが、
ブラウザの表示の指定(メニュー[表示]-[文字のサイズ])により作ったとおりの大きさになるとは限りません。
確実な対処法ではありませんが、
・画面の領域「800*600(15インチモニターの標準サイズ)」、
・表示文字サイズ「中」
というのが一般的だと思います。
また、別の大きさのモニターで見たことを想定して作ることも大事です。
たとえば「800*600」で作ったものを「1024*768」で見ると左に寄ってしまったり、左右に無駄な余白や、文章の改行・折り返しが変わってしまったりします。
企業のホームページに多く見られるのですが、あらかじめ横のサイズを800で作り、
1024で見た場合の右側224を完全な余白にしてしまって作れば余白が出来てしまうだけでページのレイアウト自体は変わりませんのでベターかと思います。
具体的な方法としては、TABLEタグやFRAMEを利用してWIDTH=800で作ってしまえばいいだけです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- モニター・ディスプレイ こんなHMDありませんか? こんなHMDが欲しいのですが、どなたかご存知ありませんか? ○用途は事務 1 2023/01/19 11:54
- Evernote Evernote(エバーノート)の文字化け 1 2022/04/05 19:30
- docomo(ドコモ) スマフォで急に文字が小さくなってしまった 4 2023/06/11 10:18
- モニター・ディスプレイ パソコンは32型のモニターを使ってますが、、、これが眼精疲労の原因ってありますか? 5 2023/04/27 20:34
- ビデオカード・サウンドカード ビデオカードの設定を落として使う場合の、モニター文字のぼやけについて 2 2022/08/22 22:41
- その他(メールソフト・メールサービス) メールアドレスに大文字を含んだメールの仕分けができない。 1 2022/04/28 12:02
- ホームページ作成・プログラミング ホームページビルダーのプレビューで見たらセルの中に文字が1列でおさまっているのに、パソコンで開いたら 1 2022/05/23 20:45
- モニター・ディスプレイ 23.6型モニター1920×1080で見える文字の大きさのままインチアップ2,560 x 1,440 3 2022/08/16 18:15
- デスクトップパソコン 在宅ワークでリモートでパソコンを使うためのパソコンについて(?) 4 2022/04/17 11:13
- SoftBank(ソフトバンク) この「教えてgoo」サイトのスマホ画面がパソコン画面に変換された? 5 2023/04/16 08:50
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テキストエディタmiの表示文字...
-
テーブル内の文字サイズを変更...
-
アンドロイドスマホでのphp ech...
-
h1をCSSでサイズ指定→文字間隔...
-
チェックボックスのサイズ変更...
-
Javascriptを用いて文字サイズ...
-
CSSです。英数字のみArial書体...
-
<table></table>内のFONT指定に...
-
セレクトボックスの幅を指定し...
-
VB6.0で印刷サイズを指定したい...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
outlook 文字を揃えたい。tab...
-
文字の位置、上下のマージンが...
-
WEBサイトの作成で、imgタグに...
-
cssでリンク先のurlを表示させ...
-
印刷時ヘッダーとフッターを挿入
-
ページ内の画像印刷について
-
Outlookのメールを送信するマクロ
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
ペイント3Dのテキストサイズ変更
-
テキストエディタmiの表示文字...
-
alertで表示させる文字サイズは...
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
奇数のフォントサイズ指定について
-
HTMLテキストボックス内の文字...
-
alertで、アイコンの変更、又は...
-
”ヒラギノ明朝Pro”をWindowsで...
-
<table></table>内のFONT指定に...
-
共有メモリについて
-
<pre>タグ内のフォントサイズに...
-
エクセルで文字が勝手に大きく...
-
パスワード欄の"●"文字を小さく...
-
コピーライト記号の表示が小さい
-
アンドロイドスマホでのphp ech...
-
accessのレポートで文字間隔を...
-
英サイト(UTF-8)内での全角文字...
おすすめ情報