• ベストアンサー

Winで見るとフォントが大きすぎる

Macでホームページを作ったのですがWinでみるとフォントが大きくなってしまいます。得にテーブルで組んだところが大幅に変わっています。 CSSで span.～{font-size:～px} と設定したのですが一向に治りません。 どうしたらWinでもMacと同様に見ることができるのでしょうか？教えてください！お願いします。 URL http://members.jcom.home.ne.jp/0512314301/

  • Mac
  • 回答数3
  • ありがとう数2
回答 全件
ベストアンサー
とりあえず追加してみてください。 tr {font-size:13p…
pxではなくptで指定すべきと言う意見がありますが、私がプロのWEBデ…
一般的に、HTMLは、ブラウザの種類やバージョンによって結果が異なると…

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

  • ベストアンサー
  • mrumesuke
  • ベストアンサー率45% (254/557)
回答No.2

とりあえず追加してみてください。 tr {font-size:13px;}

POCKETMac
質問者

お礼

タグに問題があったようですね。 trで打ち直したところwinでも同じように見れるようになったみたいです。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • mrumesuke
  • ベストアンサー率45% (254/557)
回答No.3

pxではなくptで指定すべきと言う意見がありますが、私がプロのWEBデザイナーさんから教わったのは「pxで指定するべき」ということでした。 詳しい理由は忘れてしまったのですが、「px派もいますよ」ということだけ伝えておきます。

全文を見る
すると、全ての回答が全文表示されます。
  • yomo3
  • ベストアンサー率32% (88/269)
回答No.1

一般的に、HTMLは、ブラウザの種類やバージョンによって結果が異なると考えた方がいいです。HTMLの標準言語使用に従って記述しても、ブラウザが対応していないなんてこともあります。 さて、問題のフォントサイズは、ピクセルで指定してることが原因のようです。 どのブラウザでも対応していることになっているのは、ポイント（pt）です。 ポイントでフォントサイズを指定し直してみてください。

POCKETMac
質問者

お礼

まだWinで確認できていませんがなんとか改善できそうです。回答ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. パソコン・スマートフォン
  3. Mac

関連するQ&A

  • MacとWinでのCSSにおけるフォント大きさ指定

    自分はWinを使っているため、Macでの環境動作確認が出来ないのでご存知の方教えて下さい。 CSSでフォントサイズを指定するとき、pt指定ではなくてpx指定がMacにもWinにも いいのですよね？ それはpxで指定するとWinで見てもMacで見ても同じ大きさのフォントに見えるからでしょうか。 もし違うなら、Macでこのpxだったらギリギリちゃんと見える・・・という大きさを教えて頂けますでしょうか。 Winで見たときに10pxくらいの小さいかわいい文字でサイトを作りたいと思っているので、よろしくお願いします。

    • ベストアンサー
    • HTML
  • Fontのサイズを変更したい(MacのIE対応で)

    以前table内のフォントサイズを調整するために<td>タグ内に<span style="font-size:12px;">や<p style="font-size:12px;">といったタグいれることによって上手くいくと教えていただいたのですが、WindowsのIE、ネスケ、およびMacのネスケではこれで上手く見えるのですが、MacのIEには通用しません。マックのIEでフォントサイズを調整するにはどうすれば良いのでしょうか。

  • WinとMacのフォントサイズの違い

    こんばんは。質問させていただきます。 現在作成中のHPのことなのですが、 CSSでWinはMS Pゴシック、MacはOsakaで表示させています。 例えばなのですが、フォントサイズを13pxで指定させると、 Winでは、約9pt位なのですが、Macではそれよりも大きく表示されます。 (文字自体が若干大きいです。) その結果テーブルなどでレイアウトが崩れてしまいます。 例えば、Winでは13px、Macでは11pxで表示させる等の方法は無いでしょうか？ PCに関しては疎い方なのでお手数をおかけいたしますが、どうか ご教示よろしくお願い致します。

  • macとwinだとフォントのサイズが異

    macとwinだとフォントの サイズが異なりデザインが崩れてしまいます。 一応サイズはcssで指定していますが・・・ winで見ると枠に収まっているのに macで見ると収まりきれずに枠が大きく なってしまいます。 macとwinのフォントサイズを 統一させるにはどのような 指定をしたやよいでしょうか？ ちなみに使用ブラウザは win・・・FireFox、IE6,7,8、Opera、Safari mac・・・FireFox、Opera、Safari です。

  • インラインで設定したフォントサイズを相対的に

    今既にあるPCサイトのスマホ用テンプレートを作っています。 例えば <span class="hage" style="font-size:20px">hoge</span><br /> <span class="hage" style="font-size:18px">hogege</span> こういうHTMLが既にあったとして スマホで見ると20pxや18pxがでかい！と思ったときに 相対的に全体のサイズを下げることは不可能でしょうか？ hogeはhogegeより大きくしたいのですが CSSで.hage{font-size:14px;}などとしてしまうと 当たり前ですが全部14pxになってしまいます。 PCで見たときは上記の通りで スマホで見たら <span class="hage" style="font-size:14px">hoge</span><br /> <span class="hage" style="font-size:12px">hogege</span> こう表示される、なんてことは出来るんでしょうか？ JSなどによる動的な操作は重くなりそうなのでそれ以外にありましたら お知恵をお貸し下さい。

    • ベストアンサー
    • CSS
  • ＜css＞テーブルの中と外で同じフォントサイズにならない

    WinXPproSP2＋IE6です。 HTMLで作ったページにテーブルがあります。 外部cssでbodyとtableのフォントサイズを別々の設定で20pxにしました。 このcssを前述のHTMLにリンクさせ、IEで表示すると、テーブルの中の文字とテーブルの外の文字の大きさが違います。 どうすれば同じになるのでしょうか？ HTMLでのフォントサイズは行っておりません。 ＜cssの記述内容＞ body{ font-size:20px; } table{ font-size:20px; }

    • ベストアンサー
    • CSS
  • win,macのフォントの見え方について

    こんにちは。 私は今ホームページを作っています。デザイン重視にしたいので フォントを指定しているのですが、自分は macで制作しているためwinでどのように表示されるか わかりません。 もちろん自分でダウンロードしたフォントは使いません。両方ともに入っている フォントを使いたいと思っています。そこで、 同じフォントでwin,macの見え方一覧みたいなものが載っているサイトなどは ありませんでしょうか。　自分でも調べたのですが納得出来る 内容のものがなかったので質問させて頂きました。 もしありましたらお教えください。 （ちなみにhttp://webscan.jp/は試させて頂きました。）

    • ベストアンサー
    • HTML
  • jQueryで特定のcssプロパティの値を書き換えたい

    jQueryで特定のcssプロパティの値を書き換えたい html上にインラインで記述しているスタイルのうち、特定のプロパティの値のみをjQueryで書き換えることはできますでしょうか。 具体的には↓ <span style="font-size: 16px;font-weight: bold;">テキスト1</span> <span style="color: #f00; font-size: 16px;">テキスト2</span>を <span style="font-size: 18px;font-weight: bold;">テキスト1</span> <span style=""color: #f00; font-size: 18px;">テキスト2</span>に style属性のfont-size: 16px;をfont-size: 18px;にしたい。 他は変えずそのままにしたい。 $(function() { $('span').filter(function() { return ($(this).css("font-size","16px")); }).css("font-size","18px") }); http://okwave.jp/qa/q5310183.html 似たような質問が上記でされていて、真似て書いてみたのですが、これだとfont-sizeが16pxでないものも全て18pxに書き換わってしまいました。 不勉強でお恥ずかしい限りですが、詳しい方いらっしゃいましたらどうかご教授ください。 よろしくお願いいたします。

  • Netscape（Mac)でのCSS、フォントが変

    過去の質問でネットスケープとMacとCSSで検索しましたが求めているものが見つかりませんでしたので質問させていただきます。（質問が重複していましたら失礼します。） CSSの外部ファイルをリンクさせているのですが、そちらでフォントの指定をしております。 .text{font-family: "MS Pゴシック","Osaka"; font-size: 13px; color:#333333} ウィンドウズのIEやNetscape、及びMacでのIEでは思った通りに表示されているのですが、Macでのネットスケープ（4.7、6、7.02）では違って表示されます。 なんと言えばよいのか、字がはっきり表示されなくてモシャモシャな感じなのです。 MacのNNではCSSでフォントの指定はできないのでしょうか。 fontタグを使わないといけないですか？ ちょっと困っております。 よろしくお願い致します。

    • ベストアンサー
    • CSS
  • CSS　font-sizeのパーセンテージ指定「管理がややこしくないですか？」

    色々実験しているのですが、、、 CSSでフォントサイズを「％」指定すると、サイズの基準になるのはひとつ前の親要素のフォントサイズになるみたいですね。 ＝＝＝＝＝＝＝＝＝＝＝＝ <div style="font-size:80%">あああ<span style="font-size:100%">いいいい</span>あああ</div> ＝＝＝＝＝＝＝＝＝＝＝＝ 上記の場合「いいい」のサイズは「あああ」に指定している「80％」を継承し、基準値となるので「いいい」と「あああ」のサイズは変わらない。 「いいい」をブラウザデフォルトの16px相当のサイズで表示しようとすると、「<span style="font-size:130%">いいいい</span>」にしなくてはいけないようです。（少なくとも自分が実験した限りでは・・・） 親要素どころか、先祖要素なんかも影響してくることを考えるとテキストサイズを「％」指定することはとてもややこしいことでは無いですか？どのように管理されていますか？ 最近は文字サイズはpx等の固定ではなく、相対指定するのが望ましいと言われているので「％」で指定していこうと思っているのですが。 基本的な質問ですみません。 ※質問しやすいように「style」直接記述をしていますが、普段はCSSファイルをhtmlに読み込みしています。

    • ベストアンサー
    • HTML
EPSONプリンター給紙できない問題の対処方法とは？
このQ&Aのポイント
  • EPSONのプリンターで紙詰りしていないのに給紙できない問題が発生しました。画面にはA4用紙を手差しに差し込んでという表示が出ており、電源を入れ直しても同じ画面に戻ります。この問題の対処方法を教えてください。
  • EPSONのプリンターで給紙ができない問題が発生しています。画面には給紙の指示が表示されており、A4用紙を手差しに差し込むようにとのメッセージが表示されます。しかし、実際には紙詰りしていないのに給紙ができません。電源を入れ直しても同じ画面に戻ってしまいます。どのように対処すればよいでしょうか？
  • EPSONのプリンターが給紙できない問題に見舞われました。紙詰りしていないのに給紙ができず、画面にはA4用紙を手差しに差し込めという指示が表示されます。電源を再起動しても同じ画面が表示され、給紙できません。この問題の解決策を教えてください。
回答を見る

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する