- ベストアンサー
MacとWinでのCSSにおけるフォント大きさ指定
saekiyaの回答
- saekiya
- ベストアンサー率50% (16/32)
>CSSでフォントサイズを指定するとき、pt指定ではな>くてpx指定がMacにもWinにも >いいのですよね？ 良く、御存じですね。その通りです。 Windows環境でしか御存じない方が作られたページを Macで見ると、全く見え方が違うのでびっくりされると思います。 pxで指定すると、ほぼ同じ大きさになりますので、 旧来のテーブルタグでのレイアウトとCSSを併用されると、いいレイアウトができます。 CSSばかりに頼ると、表示できないブラウザ（や古いバージョン）が増えますので、要注意。 あと、関係ないですが、機種依存文字に気をつけて下さい。商用ページでも結構あります。
関連するQ&A
- WinとMacのフォントサイズの違い
こんばんは。質問させていただきます。 現在作成中のHPのことなのですが、 CSSでWinはMS Pゴシック、MacはOsakaで表示させています。 例えばなのですが、フォントサイズを13pxで指定させると、 Winでは、約9pt位なのですが、Macではそれよりも大きく表示されます。 (文字自体が若干大きいです。) その結果テーブルなどでレイアウトが崩れてしまいます。 例えば、Winでは13px、Macでは11pxで表示させる等の方法は無いでしょうか？ PCに関しては疎い方なのでお手数をおかけいたしますが、どうか ご教示よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ＣＳＳとMacの関係
ＣＳＳの制御で、 外部ＣＳＳ マック用に 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
- Winで見るとフォントが大きすぎる
Macでホームページを作ったのですがWinでみるとフォントが大きくなってしまいます。得にテーブルで組んだところが大幅に変わっています。 CSSで span.～{font-size:～px} と設定したのですが一向に治りません。 どうしたらWinでもMacと同様に見ることができるのでしょうか？教えてください！お願いします。 URL http://members.jcom.home.ne.jp/0512314301/
- ベストアンサー
- Mac
- macとwinだとフォントのサイズが異
macとwinだとフォントの サイズが異なりデザインが崩れてしまいます。 一応サイズはcssで指定していますが・・・ winで見ると枠に収まっているのに macで見ると収まりきれずに枠が大きく なってしまいます。 macとwinのフォントサイズを 統一させるにはどのような 指定をしたやよいでしょうか？ ちなみに使用ブラウザは win・・・FireFox、IE6,7,8、Opera、Safari mac・・・FireFox、Opera、Safari です。
- 締切済み
- その他([技術者向] コンピューター)
- CSSで文字サイズを指定するとWINでは固定なのに…
CSSで文字サイズを指定するとWINでは固定なのに MACではブラウザで文字サイズを変えると サイズが変わってしまうのです。 MACでも固定する方法がわかりません。 教えてください。 ドリームウエヴァ－で作って 外部ファイルにしていて a { font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 11px; text-decoration: none; } p { font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; line-height: 18px; text-decoration: none; color: #666666; letter-spacing: 1px; } です。 どこがおかしいのでしょうか？
- ベストアンサー
- HTML
- CSSで指定した文字色が見るマシンによって違う
リンクの文字の設定をCSSで以下のように指定しています。 a:link{font-size:12px; text-decoration:none} a:visited{font-size:12px; text-decoration:none} 文字色はデフォルトの青→紫になって欲しいので指定していません。 WinとMacのIE・NNで確認して大丈夫だったのですが、ある別のWinのマシン（IE）で確認したら、リンクの文字色がクリック後ピンク色になります。 なぜそうなるのでしょうか？ 回避方法としては色の指定をしてやるべきでしょうか？ よろしくお願い致します。
- ベストアンサー
- HTML
- CSSがMacで適応されない
CSSを別ファイルで作って呼び出すようにしてhtmlを作っているのですが、一部のページでフォントのサイズをMacSafariが認識してくれません。 CSSはBODY内にベースのフォントサイズを指定(13px)し、その一部ページに<h1>で適応(13pxより若干大きめ)させようとしています。Win2機を使ってそのページを確認した所問題は無かったのですが、MacSafariで確認した所13pxどころか25pxほどのデカ文字になってしまいました。CSSが適用されていないのは分かるのですが、ブラウザの標準値（13px）よりもはるかに大きな文字になるのは記述が変な風に適応されている、という事なのでしょうか。
- ベストアンサー
- HTML
- MacのIEで同じに見える文字のCSSを教えてください。
WinのIEで文字に12pxのCSSを当てているのですが MacのIEで見ると、文章の横幅が大きくなってしまいます。 javascriptでWinとMacを振り分けてCSSを当てているんですが 同じに見えるMac用のCSSを教えてください。 ※Macの12pxとWinの80%は同じでした。 Winの12pxはMacの何に当たるのでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- cssで指定した文字の大きさがIE6とIE7で違う
cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました（微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています）。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか？ ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。
- 締切済み
- HTML
- cssでフォントサイズを相対指定。→NNで小さすぎ
webデザイナーを目指しただ今、ＨＰ制作勉強中の者です。 Win＆Mac（IE5.5、NN4.7、7.0)で確認作業しています。 IE、NNで共にフォントサイズの固定をせずに、尚且つ、IEでの表示文字サイズ「中」を基準として、程よい大きさで表示をさせたいと思い、cssで相対サイズの font-size:x-small を指定しました。 IEではうまい具合にいくのですが、ＮＮの方で、大きさは可変するものの、デフォルト(文字の大きさ100%)で小さすぎになってしまい、どうにかこのような状況を避け、下記のような条件でフォントサイズを制御したいのですがどんな方法がありますでしょうか？ ●NN、IEともにサイズ固定させたくない ●NNデフォルトで、読みやすいくらいのフォントサイズで表示したい ptで指定すると、IEでは固定されてしまいます。 ユーザーがNNのブラウザの設定をいじって、デフォルトサイズを変更しない限り無理なのでしょうか？ また、IEとNNで別々のcssを適用させるなどの方法が存在するのでしょうか？ NNでの表示は目をつぶりますか？ 又、商業的なサイトを制作されている方は、文字サイズを固定させたくない場合にどんな指定をしますか？
- ベストアンサー
- HTML
お礼
ご回答ありがとうございます。 なかなかMacで見る機会がないのでアドバイスが参考になりました。 px指定のことを教えていただいてありがとうございました。