-
ID:FvQyHK さんの質問

IEとファイヤーフォックスでフォントのサイズが変わってしまい、自作サイトが崩れてしまいます。

調べたところ下記のような情報があったのですが、この方法がよいのでしょうか?
http://kudox.jp/html-css/font-size-css

また上記通りにする場合下記は
<link rel="stylesheet" type="text/css" href="/css/fontsize.css" media="all" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/css/fontsize_ie.css" media="all" />
<![endif]-->
最優先させるのでしょうか?最優先なら下記のような感じでよいのでしょうか?

<link rel="stylesheet" href="reset.css" type="text/css" />
<link rel="stylesheet" href="base.css" type="text/css" />
<link rel="stylesheet" href="page.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="/css/fontsize.css" media="all" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/css/fontsize_ie.css" media="all" />
<![endif]-->

最後にフォントを固定しないほうが、閲覧者さんにとって良いと思うのですが、そのような方法はありませんよね?
ご存知な方がいましたら教えてください。

みんなの回答 2 件

ID:gBleuc さんの回答

フォントのサイズが変わるだけでサイトが崩れてしまうなんて、そもそもデザインなりの設計がマズすぎるんじゃないだろうか

ID:4IxU8F さんの回答

ユーザーによってはブラウザ側でフォントサイズを拡大または縮小して使用している人もいます。
自分の見ている環境だけが全てではないのです。
ですのでフォントサイズを揃えることも大事ですが、それよりもフォントサイズが変わっても吸収できるようなデザイン、コーディングが望ましいですね。

ID:FvQyHK

://sample1.digi2.jp/snack.html
こちらのサイトを作っているのですが、IEだとリンクが崩れずファイヤーフォックスだとリンクが回り込まなくなります。

フォントのサイズがIEとファイヤーフォックスだと違うからと思ったのですが、そうではないのでしょうか?
IEの表示のとところで文字を中から大にしても文字の大きさが変わりません。
reset.CSSでフォントのサイズがちゃんと固定されているのでしょうか?
違う場合はどのような理由かわかるかたがいらっしゃれば教えてください。
よろしくお願いいたします。

また
>フォントサイズが変わっても吸収できるようなデザイン、コーディングが望ましいですね。
こちらは見た目は多少変わってしまうことは防げないが余裕を持たして完全には崩れないようにするということでしょうか?
それ以上の方法は今はないのですね。
クライアントが全く同じにしてくれと言ったらげんじょうは上記以上は難しいというしかないのですね。
たとえば://sample1.digi2.jp/doushin/plan.htmlこちらの家庭的な雰囲気の下の背景がIEとFOXで微妙にしたの余裕がずれます。
これは防げないので余裕をもって拝見内に抑えるしかないということですね。

ほかに吸収する方法があればお手数ですが教えていただければ幸いです。

ID:w7stN8

提案
メニューもテーブルにしてしまいましょう。

最終更新日:2013-07-27 (3,438 views)

関連するトピックス

ページ上部に戻る