- ベストアンサー
MacでCSSが適応されない、フォントサイズが大きくなる問題の解決方法
- CSSを別ファイルで作って呼び出すようにしてhtmlを作っているのですが、一部のページでフォントのサイズをMacSafariが認識してくれません。
- Win2機を使ってそのページを確認した所問題は無かったのですが、MacSafariで確認した所13pxどころか25pxほどのデカ文字になってしまいました。
- CSSが適用されていないのは分かるのですが、ブラウザの標準値（13px）よりもはるかに大きな文字になるのは記述が変な風に適応されている、という事なのでしょうか。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- かなり困ってます！CSSが適用されません…
WindowsXPでDreamweaverMXを使っています。 body {font-size: 12px;} .px10 {font-size: 10px;} という内容の外部スタイル「css.css」を作り、テンプレートに「css.css」を適用しました テンプレートを元にページをつくり、部分的に <td class="px10">文字列</td> といった感じで適用しました。 Dreamweaver上ではちゃんと適用されているのですが、ブラウザでみてみると文字が小さくなっていません。 bodyの12pxはブラウザ上でもちゃんと適用されています。 何がいけないのか、わかりません。どなたか解かるかたがいたらお知恵をかしてください。
- ベストアンサー
- HTML
- ＜css＞テーブルの中と外で同じフォントサイズにならない
WinXPproSP2＋IE6です。 HTMLで作ったページにテーブルがあります。 外部cssでbodyとtableのフォントサイズを別々の設定で20pxにしました。 このcssを前述のHTMLにリンクさせ、IEで表示すると、テーブルの中の文字とテーブルの外の文字の大きさが違います。 どうすれば同じになるのでしょうか？ HTMLでのフォントサイズは行っておりません。 ＜cssの記述内容＞ body{ font-size:20px; } table{ font-size:20px; }
- ベストアンサー
- CSS
- cssで指定した文字の大きさがIE6とIE7で違う
cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました（微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています）。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか？ ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。
- 締切済み
- HTML
- IEでのCSS文字サイズの指定について
IE9が発表されたのを機に、IEでのCSS文字サイズの指定を見直そうと「サッポロホールディングス」を参考にしています。 http://www.sapporoholdings.jp/ ソースを見ていくと「base.css」の「body」に下記の記述があります。 font-size: 12px; *font-size: 75%; IE6-7は「75%」指定になるので文字サイズが変えられるのですが、IE8では「12px」指定になって文字サイズが変えられません。 ですが、実際にIE8で見てみると文字サイズの変更ができました。IE8の「開発者ツール」で見ると「75%」指定になっています。 ソースをくまなく見たのですが、なぜこの結果になるかがわかりません。 わかる方、ご教授お願いします。
- ベストアンサー
- CSS
- YUI fonts cssについて
YUI fonts cssを使い、ホームページを制作しようと考えています。 そこで質問なのですが、YUI fonts cssを使用し作ったサイトというのは プラウザで文字のサイズを変更できるのでしょうか？ （例えばIEでしたら文字のサイズを変更から「最大」にすれば文字が大きくなると考えて良いのでしょか？） いくつかの解説サイトを拝見して、文字のサイズはユーザーが自由に変えれるのだろうと思ったのですが 試しに数ページ作ってサーバーアップした所、いくら文字サイズを変更しても文字が大きくなりません。 YUI fonts cssというのは、相対指定ではなく絶対指定に近い物なのでしょうか・・・？ ユーザーに高齢の方も多いサイトですので、文字サイズを変えれない仕様にするわけにはいかず このままYUI fonts cssを使用するか、諦めてemで指定しなおすか悩んでいます。 詳しい方がいらっしゃいましたら、どうぞよろしくお願いします。 ※以下のコードをbace.cssに書き、読み込ませています。 @charset "utf-8"; body { font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } table { font-size:inherit; font:100%; }
- ベストアンサー
- HTML
- MacとWinでのCSSにおけるフォント大きさ指定
自分はWinを使っているため、Macでの環境動作確認が出来ないのでご存知の方教えて下さい。 CSSでフォントサイズを指定するとき、pt指定ではなくてpx指定がMacにもWinにも いいのですよね？ それはpxで指定するとWinで見てもMacで見ても同じ大きさのフォントに見えるからでしょうか。 もし違うなら、Macでこのpxだったらギリギリちゃんと見える・・・という大きさを教えて頂けますでしょうか。 Winで見たときに10pxくらいの小さいかわいい文字でサイトを作りたいと思っているので、よろしくお願いします。
- ベストアンサー
- HTML
- CSS font-size について
cssでfont-sizeを指定したのに反映されなくて困っています。（スクリーンショットをとって確認したところ） 12pxと13pxは11px 14pxと15pxは13px 16pxは15pxになってしまいます。 プログラムは次のように打ちました。お願いします。 <HTML> <HEAD> <TITLE>無題ドキュメント</TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <STYLE type="text/css"> <!-- h1 { font-size: 12px; font-weight: normal} h2 { font-size: 13px; font-weight: normal} h3 { font-size: 14px; font-weight: normal} h4 { font-size: 15px; font-weight: normal} h5 { font-size: 16px; font-weight: normal} --> </STYLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000"> <h1>春夏秋冬 12px</h1> <h2>春夏秋冬 13px</h2> <h3>春夏秋冬 14px</h3> <h4>春夏秋冬 15px</h4> <h5>春夏秋冬 16px</h5> </BODY> </HTML>
- ベストアンサー
- HTML
- CSS2.1とCSS３の違いを教えて下さい。
HTMLの勉強中の作家です。 色々悩んだ末にサイトをHTML5に移行作業中です。 テキストを読んでもCSS３の書式がイマイチよく分かりません。 (CSS2.1の)指定は背景色、文字色(１部文字色変更含む)、フォントの種類、背景色etcetc…と言った至ってシンプルな文字のみのサイトです。 あちこちのサイトを見ながら悪戦苦闘をしていますが、CSSのチェックをかけるとエラーが出ます。 CSS2.1を３にするためにはどこをどう変えれば良いのでしょうか？ ちなみに @charset "UTF-8"; .ryoko { color : #407133;} .kazumi { color : #336070;} div,p { color : #222222;} p { font-family: Arial, Helvetica, sans-serif;} body { background-color:#e0ffe0;} a:link { color : #0000ff;} a:visited { color : #003333;} a:hover { color : #660000;} a:active { color:#660066;} p{ margin: 1px 0px 1em 0px; font-size:95%; line-height:103%;} div { color : #222222;} div { font-family: Arial, Helvetica, sans-serif;} div{ margin: 1px 0px 1em 0px; font-size:95%; line-height:103%;} .akeru{ line-height:1em; } ↑これです。テキストとCSS3について説明されているＨＰと各マチマチなもので戸惑っています。
- ベストアンサー
- HTML
- ＣＳＳと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
- CSSで文字サイズを固定
ホームページ作成中です。 ページレイアウトを誰でも同じように見せたいため文字サイズを固定しようと思います。 でも、うまく出来ません。 CSSファイルを別に準備する方法でやっています。 ---------- BODY { color : #666666; font-size: 12px; background-image : url(img/bg.gif); } ---------- こうしてみたのですが、ブラウザで大とか小とかにすると変化してしまいます。 CSSを読み込んでないのかな?と思ってカラーを書き換えてみたのですが、こちらはちゃんと変化します。 何が間違っているのでしょう?
- ベストアンサー
- CSS
- Lenovoのコストパフォーマンスの高いPCについて知りたいです。
- Lenovoのノートブックでコストパフォーマンスが優れているモデルを教えてください。
- LenovoのPCの中でお得なモデルを教えてください。
お礼
回答有難うございます。 ネットで調べたところ、やはり私の記述の間違いだったようです。 <h>が見出しだとは知りませんでした…勉強になりました。