• ベストアンサー

CSSで指定してもマックIEでサイズが変わってしまう。。。

CSSを使って文字の大きさを固定したいのですが、マックの IEで文字サイズを変化させると文字の大きさが変わってしまいます、ウインドウズは大丈夫なのですが。。。これを回避する方法はありますか?

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

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

  • ベストアンサー
noname#107580
noname#107580
回答No.2

こんにちは! どうしても固定したければ画像にするしかないですね。 そもそもCSSのサイズ指定はサイズを固定するためのものではありません。 『マックのIEで文字サイズを変化させると文字の大きさが変わってしまう』 ではなくて 『CSSでサイズ指定するとWinのIEで文字の大きさを帰られなくなってしまう』 という方が正しいです。 もしtakeya4649さんがどこかのページを見ていて『文字が小さいな~。』と感じて文字を大きくしようとしたら変更できなかった・・ となると不便ですよね。 ちなみにWinのネスケも4Xの頃は変えられませんでしたが、今は変えられるようになっています。 WinのIEもその内変えられるようになるかもしれませんね。

その他の回答 (3)

  • kosa
  • ベストアンサー率25% (379/1464)
回答No.4

ただしくCSSを適応させていますか? CSSで文字サイズを指定しおきながら<Font size=3>などのように2重で指定していませんか? もし<Font size=>で指定しているところにCSSを適応させても優先されるのは<Font size=>の方です。ココ間違いやすいので注意してください。

  • asrun
  • ベストアンサー率33% (3/9)
回答No.3

こんにちは。 私もその問題にぶつかったことがありました(-v-;) 調べていくうちに、「ユニバーサルデザイン」という言葉を知り、文字サイズの固定はデザイナーのエゴなのかなぁ…と感じ始めました。(でも思わず使ってしまいますが^^;) No2yayopixさんも書かれていますが、IEでも近いうちにフォントサイズ可変になるかもしれません。 フォントサイズに囚われないウェブデザインができるようお互いがんばりましょw

  • ombre
  • ベストアンサー率43% (100/230)
回答No.1

PC上の長さの単位は、72pt=1inchと決められています。(1inch=約2.54cm) また 画面の解像度は dpi(dots per inch)という単位があります。 72dpiであれば、1px=1ptということです。 ・・・なのですが、 Windowscのdpiは96dpiであるのに対して、Macのは72dpiなので、 pxで指定すると、Macでは、Windowsで見るよりも、フォントサイズが4/3倍になってしまいまうそうです。 他にもいろいろあるようで、 OSを越えて、ディスプレイの解像度を越えて、 全て 製作者の意図したサイズに指定する事は難しいでよね。 なんだか ややこしいですね・・・・ 上手く説明できなくて ごめんなさい。 .

関連するQ&A

  • 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
  • ウィンドウズでCSSでフォント固定したのですが、マックだとフォントサイズが崩れるのはなぜでしょうか。

    タイトルのままなのですが、 ウィンドウズでcssを使ってフォントサイズを固定しました。 そしてそれをウィンドウズのintenet explorerで確認するとフォントサイズは完全に固定になりました。 ですが、マックのエクスプローラでフォントを拡大すると文字が拡大されてしまいます。 これはなぜなのでしょうか。 なんとかしてフォントサイズを拡大されるのをふせぎたいのですが。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • cssで指定した文字の大きさがIE6とIE7で違う

    cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました(微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています)。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか? ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。

  • cssでフォントサイズを相対指定。→NNで小さすぎ

    webデザイナーを目指しただ今、HP制作勉強中の者です。 Win&Mac(IE5.5、NN4.7、7.0)で確認作業しています。 IE、NNで共にフォントサイズの固定をせずに、尚且つ、IEでの表示文字サイズ「中」を基準として、程よい大きさで表示をさせたいと思い、cssで相対サイズの font-size:x-small を指定しました。 IEではうまい具合にいくのですが、NNの方で、大きさは可変するものの、デフォルト(文字の大きさ100%)で小さすぎになってしまい、どうにかこのような状況を避け、下記のような条件でフォントサイズを制御したいのですがどんな方法がありますでしょうか? ●NN、IEともにサイズ固定させたくない ●NNデフォルトで、読みやすいくらいのフォントサイズで表示したい ptで指定すると、IEでは固定されてしまいます。 ユーザーがNNのブラウザの設定をいじって、デフォルトサイズを変更しない限り無理なのでしょうか? また、IEとNNで別々のcssを適用させるなどの方法が存在するのでしょうか? NNでの表示は目をつぶりますか? 又、商業的なサイトを制作されている方は、文字サイズを固定させたくない場合にどんな指定をしますか?

    • ベストアンサー
    • HTML
  • cssでの文字サイズ指定について

    html初心者です。 昔はHTMLソースを見れば、「font size=」と書かれていたので、すぐに文字サイズ部分がどうなっているかわかったのですが、cssの中身を見ないと、わからないんですよね?? cssで文字サイズや行間が絶対値指定で固定されているため、ユーザがサイズを変更できない。 という記載を見かけました。 このように記載されているサイトでは、Ctrlキーを押しながらマウスのスクロールを動かしても、文字サイズが変更できないのでしょうか。 cssで固定されているかされていないかを見極める方法、またcssの中身を見て確認する方法など教えてください。

    • ベストアンサー
    • HTML
  • CSSで文字サイズの指定-固定したくない

    CSSで文字サイズの指定をしているのですが、そうするとIEなどの「文字サイズの変更」ができません。 CSSで文字サイズの指定をしつつ、「文字サイズの変更」を有効にしたいのですがどうしたらいいのでしょうか?

    • ベストアンサー
    • 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で指定した文字色が見るマシンによって違う

    リンクの文字の設定を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で文字サイズを固定

    ホームページ作成中です。 ページレイアウトを誰でも同じように見せたいため文字サイズを固定しようと思います。 でも、うまく出来ません。 CSSファイルを別に準備する方法でやっています。 ---------- BODY { color : #666666; font-size: 12px; background-image : url(img/bg.gif); } ---------- こうしてみたのですが、ブラウザで大とか小とかにすると変化してしまいます。 CSSを読み込んでないのかな?と思ってカラーを書き換えてみたのですが、こちらはちゃんと変化します。 何が間違っているのでしょう?

    • ベストアンサー
    • CSS
  • CSSでフォントサイズを指定したのですがFirefoxでは反映されないのでしょうか?

    ある文章にfont-size:9pt;というCSSを外部スタイルシートで適用しています。 IEではきちんと9ptで表示されるのですが、 いつも使っているFirefoxの方が いっこうに変化がなく文字がとても大きいままです。 どうすればFirefoxでもIEでも同じように表示できるようになるのでしょうか? お詳しい方教えていただけますと幸いです。

    • ベストアンサー
    • HTML

専門家に質問してみよう