• 締切済み
  • 困ってます

文字サイズが大きくなってしまう

CSSで文字サイズを指定しています。  <STYLE TYPE="text/css">   .pt10 {font-size=10.5pt;}  </STYLE>    ・・・  <TD class="pt10"> こんな感じです。 普通はこれでうまく表示されているのですが、あるパソコンだけ、文字が大きく表示されてしまいます。 ブラウザはIE5.5とNC4.7で試してみましたが どちらも同じで、ブラウザの問題では無いと思います。 原因に思い当たることがあれば教えてください。 よろしくお願いします。

共感・応援の気持ちを伝えよう!

  • 回答数10
  • 閲覧数387
  • ありがとう数5

みんなの回答

  • 回答No.10

=====fatback様===== あ~、なるほど、MacとWinの表示解像度の違いですね? パソコンのモニターの表示解像度にはいくつか種類があって、 Macは72dpi(Dot Par Inch=1インチの中にいくつドットが打てるか =数字が大きい方が解像度が高い=表示がキメ細かい) の1種類なのですが、Winは72dpiと96dpiの2種類が混在している様です。 もしかしたら、本体側の解像度設定と、ブラウザ側での 設定がズレているのかも知れませんね。 ちなみに、pt(ポイント)は印刷時代からの、文字の大きさや 線の太さを表す単位で、cmなどと同じ様に絶対的なものです。 px(ピクセル)は、1つの文字を表示するのに、縦方向に いくつのピクセル(=Dot)を並べたサイズで表示するか、 と言う単位であり、画面の表示解像度などによって変化する相対的なものです。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • Web文字サイズの指定

    スタイルシートにて、 下記の様にWebの文字サイズを指定しているのですが、 <STYLE TYPE="text/css"> <!-- BODY,TD,TR,CAPTION{ font-size: 10pt ;} <!-- Win:NN6.2、Mac:IE5.x 等の 文字表示を%指定するブラウザの場合、 指定した文字サイズで表示しないのですが、 指定方法が間違っているのでしょうか。 また、上記の方法にて文字サイズが指定できない場合、 他の手段はあるのでしょうか? ご回答よろしくお願いします。

    • 締切済み
    • CSS
  • スタイルシートでの文字サイズ指定について

    ホームページの文字表示サイズについての質問です。 私は全てWindows Vistaのメモ帳で作っているのですが、文字サイズを <Font Size="サイズ"> で指定するやり方では、MACで有効ではないと分かり、スタイルシートの外部から引き出すやり方で、まずs.cssに、 BODY { font-size: 13px } と書き、index.htmlに <head> <style Type="text/css"> <!-- body,td {line-height:15pt;} --> </style> <link href="s.css" rel="stylesheet" type="text/css"> </head> と打ち込んでみました。 しかし、こうするとMacX10.5では文字化けを起こしてしまいました。 <link href="s.css" rel="stylesheet" type="text/css"> を挿入するやり方がどこかおかしいのでしょうか。 または、文字サイズの指定のやり方が、他にもあるのでしょうか。お手数かと思いますが、どうかお助けください。

  • テーブル内の文字のサイズを変更し携帯で表示したい

    html文を勉強しながら簡単なホームページを作成しています。 <style type="text/css"> <!-- table { font-size: 20px ; } --> </style> を使ってテーブルの中の文字のサイズを変更していますが パソコン(IE)で見るとうまくできるのに携帯でみると文字の大きさが変わっていません。 <font size=1> </font> も入れているのですがテーブル以外の文字はちゃんと指定されたサイズになっています。 携帯で表示かつ文字の大きさを指定するのはどうすればいいのでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • 回答No.9
  • fatback
  • ベストアンサー率84% (11/13)

fatbackです。 #6の補足、読み落としました。 pt→px指定に変えてみて下さい。 お騒がせしました。

共感・感謝の気持ちを伝えよう!

  • 回答No.8
  • fatback
  • ベストアンサー率84% (11/13)

プラットフォームの状況がわからないのですが、 HEAD内にMETAタグ <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> を追加して下さい(CSSの仕様です)。 あと、もしかしてWin/Mac間での差ということなら、 { FONT-SIZE: 10.5pt }→{ FONT-SIZE: 10.5px } と書くしかありません(私はそうしています)。 もっと正確にサイズを指定するなら CSSをリンクファイルにしてJavaScriptで分岐して、 mac.cssを .pt10 { font-size: 10px;} win.cssを .pt10 { font-size: 8pt;} にすれば似るとおもいますよ。 この場合の数値はMac側からみた10ptですが。

共感・感謝の気持ちを伝えよう!

  • 回答No.7

おはようございます。Blackwinglsです。 今、ひょっとしたらって思ったのですが、コントロールパネル内にユーザー補助ってのが入っていませんか? ユーザー補助っていうくらいだから、画面の表示文字の大きさを設定できるかも知れません。 一度、ご確認ください。 (大外しの可能性高いですが・・・(^^;))

共感・感謝の気持ちを伝えよう!

  • 回答No.6

=====horizon様===== 参考ページ、ただいまウチのネスケで確認しました。 う~ん、確かになっちゃいますね(^^; ただ、一部気になったところがあるんですが、 この参考ページ、HTMLの記述にだいぶミスがありますね。 まず、<STYLE>は<HEAD>の中に入れておかないとマズいんでは? それから、<TABLE><TR>の存在しない<TD>だけがありますね。 あと、</BODY>も<BODY>がないとダメな様な気がします。 ikeuchiさんが後から出されたHTMLの方は、 ちゃんとしてますね。ただ、ネスケの『フォントサイズを~』だと、 やっぱり大きくなっちゃいますね。これはちょっと、 私の知識の範疇を越えてしまっていますので、お答えできません(すいません!) 『フォントサーズを~』なんてものがあった事すら気付いてませんでした!(笑) これはIEには無いんですかね?ネスケだけの仕様だとしたら、 これはそう言うモンなんだと諦めるしか無いのかも知れませんね。 ところで、その文字が大きくなってしまう『あるパソコン』って何ですか? もしかして、その機種に何か問題があるとか、そう言うのはありませんかね?

共感・感謝の気持ちを伝えよう!

質問者からの補足

 IE55でも表示→文字のサイズを選ぶことはできるんですがCSSで指定してやるとサイズは変わりませんね。 やっぱりNCの仕様だと思ってあきらめようと思います。 (初期表示はCSS通りになってくれるようです)  文字が大きくなってしまうパソコンは、Webサーバにするつもりで、WinNT40で他のアプリケーションは殆ど入れていませんでした。Kanataさんのご指摘にもあるようにフォント関係をチェックしてみようと思っています。

  • 回答No.5
noname#38849

えーっと 今、上記の記述  <STYLE TYPE="text/css">   .pt10 {font-size=10.5pt;}  </STYLE>    ・・・  <TD class="pt10"> だけで、HPを書いてみましたが やはり、IEではブラウザ側で「大中小」で変わりますね =====kenkenken様==== ご指摘は有難いのですが 実際になっちゃうんですよ、下記URLに サンプル入れてみましたのでソースをご覧下さい

参考URL:
http://www.gj.il24.net/~horizon/0.htm

共感・感謝の気持ちを伝えよう!

質問者からの補足

申し訳ありません、私の説明不足ですね。 実際には下記のように書いています。 これだとIEで普通ならサイズは固定されています。 <TD>は<TABLE>の中に書いています。 ---------------------------------------------- <HTML><HEAD><TITLE></TITLE> <META http-equiv=Content-Type content="text/html; charset=shift_jis"> <STYLE type=text/css>.pt10 { FONT-SIZE: 10.5pt } </STYLE> <META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD> <BODY> <TABLE><TR><TD class="pt10">  Kkjlhkgかかか125 </TD></TR></TABLE> </BODY></HTML>

  • 回答No.4

ブラウザの設定でスタイルシートが無効になっている、 なんて事はありませんか? Mac版のネスケ4.7の場合『設定...』>『詳細』> 『スタイルシートを有効にする』にチェックでオッケーだと思います。 WinとIEは・・・わかりません(^^; あと、まさかとは思うのですが、モニターの解像度が違っているとか。 文字だけじゃなくて、写真とか、全体的に大きくなってたらこれでしょう。 =====horizon様===== ブラウザの文字サイズの設定は、相対サイズの設定なのですが、 困った事に今回の質問にあるCSS(カスケーディング・スタイル・シート=意味は知りません)では、 この設定を無視して、絶対サイズで指定できてしまうのですよ。 こんなヤヤコシイモノができてしまったおかげで、 私の様な素人はますますホームページを作るのに苦労していますよ(トホホ)。 ちなみに、私はCSSが全然使えないので、相変わらず ブラウザ側の『大中小』まかせでやってますけどね(^^;

参考URL:
いや、まさかね

共感・感謝の気持ちを伝えよう!

質問者からの補足

ご指摘のところは大丈夫だと思います。 ただ、NCだと初期表示は固定できても、 表示→「フォントを大きくする」 「フォントを小さくする」を選ぶと、変えられるようですね。

  • 回答No.3
noname#38849

こんちは >あるパソコンだけ、文字が大きく表示されてしまいます。 その「あるパソコン」のブラウザは何でしょう? もしIEならば、「表示」→「文字のサイズ」→「最大・大・中・小・最小」というのがありますので、そこの設定を他のパソコンと比べてみてください。 原因は多分そこだと思います NCは使ったこと無いので解りません、どなたかレスお願いします

共感・感謝の気持ちを伝えよう!

  • 回答No.2

こんばんわぁ、Blackwinglsです。 Kanataさんのが正解のように思えますが、余談の範囲で(^^;) IEの場合、 ツール(T)→インターネットオプション(O)→全般の中のユーザー補助 で、 ユーザースタイルシートが設定できます。

共感・感謝の気持ちを伝えよう!

  • 回答No.1
noname#9414

まさかとは思いますが、10.5ptの フォントがないということはない ですよね。 表示がうまくいかないパソコンの フォントを確認してください。 ではでは☆

参考URL:
まさかな・・・

共感・感謝の気持ちを伝えよう!

質問者からの補足

なんとなくそんな気はしてたんですが、 10.5ptのフォントというのはどこで指定しているんでしょう?私のIE55ではMSPゴシックを標準にしていますが、ポイントの有/無はどう見るんでしょう? 問題のパソコンは、今、手元に無いので、後で調べてみます。

関連するQ&A

  • 段落の最初の1文字を大きくする

    段落の最初の1文字を大きくするためのスタイルシートですが、html の中に直接記述するなら、 <style type="text/css"><!-- p:first-letter { font-size:24pt; } --></style> なのですが、外部ファイル(.css)に記述する場合はどうすればいいのかわかりません。 p {first-letter: font-size: 24pt%;} としてみたのですが、指定どおり表示されません。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ホームページビルダーで・・文字の固定をしたい。

    ホームページビルダーV6で会社のHPを作ったのですが、 ブラウザの文字サイズの変更の影響を受けないように、 文字の固定化をしたいと思いいろいろ調べました。 それで下記のタグを使うと出来るらしいのですが。 どこでどんな風にすればいいのかわかりません。 わかる方教えてください。 ↓ 一応スタイル設定で可能ですけど。 <STYLE TYPE=”text/css”> BODY { FONT-SIZE: 12px; ←ページ内のフォントサイズ } TD { FONT-SIZE: 12px; ←テーブル内のフォントサイズ } </STYLE>

  • 外部スタイルシートについて・・・

    外部スタイルシートを書きたいのですが、 まだ良くわかってない点があるので教えてくださると嬉しいんですが・・・(TT) 今はHTMLのヘッダ内に書いております。 <style TYPE="text/css"> </style> Q1,上の部分は外部スタイルシートにすると、いらないのでしょうか? Q2,下の部分は外部スタイルシートにしてもスタイルシート内に、書く事ができますか?書くと不具合の原因になるのでしょうか? <!-- //忘れてしまうので、ここにコメント書きたいです。 できれば、スタイルシートを表示できない?ブラウザの人へ配慮したいと思うので、 <!-- は、あった方が自分が忘れなくていいかと思うのですが・・・。 Q3,ブラウザによって変になる、例えばとっても古いバージョンのネスケなどでも表示できるといいのですが 下記で問題あるのでしょうか? もし良かったら下の内容をこうした方がいいという アドバイスがあると嬉しいです。 質問の仕方が良くないかもしれませんが教えて下さい(TT) <style TYPE="text/css"> <!-- //忘れてしまうので、ここにコメント書きたいです。 a:link {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:visited {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:active {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:hover {font-size: 11pt; text-decoration:underline; color:#FF9966;} td {font-size: 11pt;} span {font-size: 11pt;} BODY {font-size: 11pt; } LI {font-size: 11pt;} --> </style>

    • ベストアンサー
    • HTML
  • 文字サイズを固定して、一部の文字を変更

    ホームページを作成しています。ページ全体は、テーブルを多用しており、 レイアウトが崩れないように以下のCSSを使って、文字サイズを固定しています。 <style type="text/css"><!-- *{ font-size: 13px; } --> </style> ここで、問題が起きたので、悩んでいます。 一部の文字にサイズを大きくしたいと思って、フォントサイズを変更しようと 思って色々やってみましたが、ダメでした。 どうすれば、一部の文字サイズを自在に変更出来るのでしょうか。

  • CSSとMacの関係

    CSSの制御で、 外部CSS マック用に css/style_mac.css に body {font-size: 12pt;} td {font-size: 12pt;} ウイン用に css/style_win.cssに body {font-size: 10pt;} td  {font-size: 10pt;} と記述しています。 がプラウザで確認したところ、 windows IE5.0は制御されていますが、 Mac IE5.0で制御されません。 HTMLの呼び出しは、 <SCRIPT LANGUAGE="JavaScript"> <!-- if(navigator.appVersion.indexOf("Mac",0) != -1){ document.writeln('<link rel="stylesheet" type="text/css" href="css/style_mac.css">'); } else { document.writeln('<link rel="stylesheet" type="text/css" href="css/style_win.css">'); } //--> </SCRIPT> と記述しています。 そもそもjavaがわからないので どこを直せばMacでも制御されるのでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • CSS idとclassをtableでつかうとき

    内部cssで テーブルに装飾をしようとしていたのですが、 <style type="text/css"> <!-- table.sample td {font-size:12px;} --> </style> <table class="sample">・・・ これは有効でした <style type="text/css"> <!-- table#sample td {font-size:12px;} --> </style> <table id="sample">・・・ これは無効でした なぜでしょう?classとidはそのユニーク性のみの違いかと思っていましたが。 このような機能的な違いもあるのでしょうか。 それとも単に記述ミスですかね。。。

    • ベストアンサー
    • CSS
  • モバイルサイト 3社統一の文字サイズにするには?

    htmlの3社共有モバイルサイトを運営しています。 文字をサイズを3社基準で1段階だけ小さくしたいのですが、何か方法はあるでしょうか? 3社ともに有効タグが違うのでよくわかりません。 現在はあるサイトを参考に下記のようにしています。 ---.html--- <div style="text-align:center;" class="small"> <span style="font-size:smaller;">[<a href="test.html">小さい文字</span> </div> ------------ ---.css--- .small { font-size:12pt; } --------- しかしこれではAUでは2段階文字が小さくなってしまって困っています。 拡張子はhtmlのままで1段階づつ小さくさせる方法があれば教えてください。

  • fontタグとスタイルシートの相対値

    CSSでこういう使い方はありえないかもしれませんが、 1は60ptですが、2,3は何ptですか? このようにfontタグは一つ上のdivのスタイルシートに影響せずにfont sizeで完結していますが 値を相対的に変化させる(例えばdivの値の20%とか)ことはスタイルシートのしくみでありますか? <style type="text/css"> <!-- .a { font-size:60pt; } --> </style> <!-- 1 --> <div class="a">60pt</div> <!-- 2 --> <div class="a"><font size="-1">?px</font></div> <!-- 3 --> <div class="a"><font size="1">?px</font></div>

    • ベストアンサー
    • HTML
  • CSSの記述

    HTMLで普通のテキストのサイズを固定したいのですが、 うまくいきません。 何が間違っているのでしょうか。 一部のHTMLだけ、リンクの下線をはずしたいので、 HTMLに <LINK REL="stylesheet" HREF="css/style_win.css" TYPE="text/css"> <STYLE TYPE="text/css"> <!-- A { text-decoration: none; font-size: 10pt;} --> </STYLE> と記述。 こちらの方は大丈夫です。 だめなのは外部 css/style_win.css に body { font-size:10pt } と書いたほうがまったく制御していません。 初心者で、本もたくさん調べましたが わかりません。 どうかお願いいたします。

    • ベストアンサー
    • HTML
  • 文字のサイズを大きくしつつ、中央に表示させるには?

    ファイアフォックスで、文字のサイズを大きくしつつ、中央に表示させるには? <BODY> <div style="text-align:center;" style="font-size:300%;">test1</div> <div style="font-size:300%;">test2</div> </BODY> これをすると、test1は中央に表示されるけど文字は小さいままで test2は、文字は大きく表示されるけど中央には表示されません。 どちらも行うにはどうすればいいでしょうか? IEでは<div style="text-align:center;" style="font-size:300%;">test1</div>で、 中央に表示されつつ、文字も大きくなります。

    • ベストアンサー
    • HTML