• ベストアンサー

ディスプレイと文字の大きさについて

おはようございます。 現在ホームページ作成中なんですけど、 文字の大きさについて質問させていただきます。 今ホームページを作ってるパソコンで見ていたものを 他のパソコンで見ると大きさが違いますよね。 解像度が違うから仕方ないんでしょうか。 ディスプレイによる見え方の違い（文字の大きさの違いなど） をなくすことはできるのでしょうか？ このパソコンでは文字の大きさがちょうどいいと思っていても 別のパソコンでみると、小さいってことがあります。 なにか対処の方法はないものでしょうか？ よろしくお願いします。

  • HTML
  • 回答数4
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • mat-21
  • ベストアンサー率56% (91/162)
回答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>ここは通常さいず といった感じです。

その他の回答 (3)

  • koro5
  • ベストアンサー率50% (41/81)
回答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/
  • paradiso
  • ベストアンサー率27% (44/159)
回答No.2

基本的な部分は＃1の方のコメントに沿っていただいて良いかと思います。 ブラウザによっても見え方が異なることも知っておいた方が良いでしょう。 InternetExplorerの方がデフォルト設定の文字サイズが大き目です。それに合わせて作るとNetscapeでは文字が小さく見えてしまいます。またご存知かとは思いますが、IEにしか使えないタグをNetscapeで見るととんでもないことになっていたりします。 これを技術的に解決するのは面倒な話で、それこそFLASHなんかで全部作るとか強引なやり方もないではないのですが、ホームページの部分に「このサイトはInternetExplorer6以外でご覧いただくと、レイアウトなどに不具合が生じる恐れがありますので、予めご了承ください」などの但し書きを書くのがよくある対処方法です。 結構、個人でもそのように表記されている方がいらっしゃいますので、幾つかご覧になって参考にされると良いでしょう。

  • KNIGHTs
  • ベストアンサー率46% (20/43)
回答No.1

確かにモニターの大きさや解像度により見え方がぜんぜん違ってしまいます。 文字の大きさは<FONT>タグのSIZEにより1-7の7段階で指定できますが、 ブラウザの表示の指定（メニュー[表示]-[文字のサイズ]）により作ったとおりの大きさになるとは限りません。 確実な対処法ではありませんが、 ・画面の領域「800*600（15インチモニターの標準サイズ）」、 ・表示文字サイズ「中」 というのが一般的だと思います。 また、別の大きさのモニターで見たことを想定して作ることも大事です。 たとえば「800*600」で作ったものを「1024*768」で見ると左に寄ってしまったり、左右に無駄な余白や、文章の改行・折り返しが変わってしまったりします。 企業のホームページに多く見られるのですが、あらかじめ横のサイズを800で作り、 1024で見た場合の右側224を完全な余白にしてしまって作れば余白が出来てしまうだけでページのレイアウト自体は変わりませんのでベターかと思います。 具体的な方法としては、TABLEタグやFRAMEを利用してWIDTH=800で作ってしまえばいいだけです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • ディスプレイの文字がにじむ

    ディスプレイの文字がにじむ パソコンを新調したところにじむようになりました 解像度は変える前も現在も1440×900 osはwindwsXPからwindows7 ビデオカードはGeForceFX5500からGeForceGT220 ディスプレイ　http://www.iiyama.co.jp/products/lcd/19/PLE1902WS-1/index.html 試したこと　デバイスドライバを最新に　解像度をいろいろ変更 また、ディスプレイ前面のAUTOボタンで補正したところマシにはなったのですがかなり汚く にじみも残ります 解決法を教えてください

  • ディスプレイの解像度について

    高解像度対応のディスプレイで、解像度をさげると文字がぼやけますよね？ これは、液晶だけなのですよね？ 1024×768　のサイズにあわせて作成してあるパッケージ等（ゲームなどもそうかと思いますが）は、1280×1024などの高解像度で表示させると、かなり小さなサイズで表示されてしまいますが、解像度をさげると文字がぼやけるため、他の方法を探しています。 そういったフリーソフト・方法など、もしご存知でしたらおしえていただけませんか？ 例）デスクトップ画面を別ウィンドウで表示させることができ、そのウィンドウでは何らかの方法で、1024×768サイズのパッケージを、文字がぼやけることもなく大きく表示できる そういうフリーソフトは不可能だ、という情報でもいいので、どうかよろしくお願いいたします。

  • ディスプレイの文字がぼやけてしまいます。

    デュアルディスプレイにしたのですが、2番目のディスプレイの文字がぼやけてしまいます。解像度の設定は正しくできています。リフレッシュシートも色々変更してみたのですが駄目でした。どなたかわかる方がいたらヒントだけでもお願いします… 使用PCはInspiron One 2330、2番目のディスプレイはモニタはsyncmaster242mpです。解像度は1920×1200、リフレッシュレートは60p Hzです。他に何か必要な情報ありましたらお願いします。

  • ディスプレイ文字表示について

    自作パソコン一号機パソコンの文字が鮮明に出ません見られない程でもないのですが文字の周りが少しぼけますこれはビデオカード又はディスプレイの関係でしょうか、解像度を調整しても変わりません教えてください。

  • 液晶ディスプレイについて

    先日、ＦＭＶのＤＥＳＫＰＯＷＥＲのＣＥ４０Ｕ７を購入したのですが、付属のディスプレイが17インチの解像度1280*1024(SXGA)のものでした。 主にホームページを見るだけなので不満はないのですが、それまで使っていたCRTの15インチの解像度1024*768(XGA)のモニターに比べ（あたりまえですが）文字が小さく表示されるので、目の悪い家族には使用しづらいようです。 パソコンで文字のサイズ変更をしても、文字の形が崩れぎみになるため、解像度1024*768(XGA)の液晶ディスプレイを購入しようと考えています。 初心者の質問で申し訳ないのですが、解像度1024*768(XGA)の液晶ディスプレイは最大でも15インチまでしかないようですが、17インチでも1024*768(XGA)の液晶ディスプレイは販売されているのでしょうか？ またお勧めの1024*768(XGA)の液晶ディスプレイがありましたらお教え頂けませんか？ 今購入を考えている機種は↓です。 http://buffalo.jp/products/catalog/item/f/ftd-x522as2/ こちらについてもアドバイス頂けると嬉しいですm(_ _)m

  • マルチディスプレイの文字がにじんで見えます

    ideapadを使用しています。 本体ノートPCの解像度は2560×1600，マルチディスプレイの解像度は2560×1440を設定、HDMIで接続、リフレッシュレートも60Hzですが、マルチディスプレイの文字がにじんで見えます。 Excel等を本体ノートPCの画面に持っていくといつも通り鮮明に見えます。 マルチディスプレイの文字がにじんで見えることを改善したいのですが、方法はございますでしょうか。ネットやYouTubeで調べても見つからず、ご質問させていただくものです。どうぞ、よろしくお願いいたします。 ※OKWAVEより補足：「Lenovo：ノートブック (IdeaPad・Lenovo等)」についての質問です。

  • 液晶ディスプレイの解像度と文字の大きさ

    液晶ディスプレイの買い換えを考えています。 今使用している液晶ディスプレイは13.3インチで解像度が1280×800です。購入候補は20.1インチ、解像度1680×1050か19インチ、解像度数1440×900です。 今のディスプレイでも文字が少し小さく感じるのですが、どちらのディスプレイにしても今より文字が小さくなることはないでしょうか？ 実物が見られたら一番良いのですが、田舎ゆえディスプレイ単品の展示がありません。 よろしくおねがいします。

  • 解像度と文字の大きさについて

    ホームページを作成するのに質問させてください。 解像度が1400×1050のパソコンを使っています。1024×768の解像度が世間では多い？と思うのですが、文字の大きさについて悩んでいます。 ホームページビルダーで初期設定値で文字を打った場合といろんなHPの文字の大きさを見比べた場合、ビルダーのほうがワンサイズ大きいようです。たとえば、ヤフートップページはビルダーに比べてワンサイズ小さいです。でも、ヤフーニュースをみると同じです。 他のサイトはヤフートップと同じサイズが多いです。 これは、みんなに合わせて、ワンサイズ小さくして作れということですよね？ また、解像度の低い人もワンサイズ小さめで作っているということですよね？ワンサイズ小さめで作っていて、なおかつ解像度が高いのでさらに小さく見えるのですよね？ また、画像についてですが、解像度が低いと汚く見えますが、単に解像度が低くなって大きくなっているためで、画像自体の拡大ではないですよね？

  • ディスプレイの解像度

    ディスプレイの解像度についての素人の質問です. 画面のプロパティで使用できる最大の解像度で使用したほうが良いのでしょうか. 大きくすると文字などが小さくなり、見難いので文字やアイコンを大きくして使用するか？又は解像度を下げて文字やアイコンを相対的に小さく表示するかあまり変わらないような気がするのですが、... 解像度の大きな違いはあまりよく理解できません. 明快な回答を期待します.

  • 高解像度ディスプレイについて

    4Kなどの高解像度ディスプレイのPC、タブレット、スマホを使っている人に質問なのですが 高解像度のディスプレイで従来の低解像度の画像を見ると、どの様になりますか？ 高解像度のディスプレイだと、低解像度の画像は小さいサイズで表示されるじゃないですか？その小さいサイズの画像を全画面に引き延ばして表示した場合、低解像度のディスプレイに引き延ばさないで表示した画像と比べると画質はどうなるのですか？ 引き延ばされても画質に違いはないのか、引き延ばされてない画像の方が綺麗なのか？ また、スキャナーで取り込んだ漫画などの場合、文字の鮮明さはどうなるのですか？ ※OKWAVEより補足：「ソニー製品」についての質問です。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する