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 件
フォントのサイズが変わるだけでサイトが崩れてしまうなんて、そもそもデザインなりの設計がマズすぎるんじゃないだろうか
ユーザーによってはブラウザ側でフォントサイズを拡大または縮小して使用している人もいます。
自分の見ている環境だけが全てではないのです。
ですのでフォントサイズを揃えることも大事ですが、それよりもフォントサイズが変わっても吸収できるようなデザイン、コーディングが望ましいですね。
関連するトピックス