web制作 スマホでfont-sizeが崩れる
web制作初心者です。
昨夜同じ質問をしたのですが、具体例などを入れて改めて質問します…！
この度、やっとホームページを開設することができました。
と思って喜んでいたのですが、スマートフォン（iPhone4）で見てみるとmacやwinでは見られなかったフォントサイズの崩れが起きています。
font関係はcssで指定していて、
font-familyは以下のように、
body {
font-family : osaka, 'arial', 'Meiryo UI', 'ＭＳ Ｐゴシック', 'MS PGothic','ＭＳ ゴシック','MS Gothic', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Helvetica', 'Arial','Courier', sans-serif ;
}
font-sizeは以下のように
.text8 {
font-size:0.7em;
line-height:2.3;
letter-spacing:normal;
}
書いています。
全てが違うわけではなく、指定が効いている所と大きくなってしまっている所が混在していて、法則などはなさそうです。
例えば、
<dl class="news">
<dt><span>2011. 11. 01</span></dt>
<dd><div>ホームページを開設しました<br></div></dd>
</dl>
というソースでは「ホームページを開設しました」部分が大きくなってしまいます。
スマートフォンの設定を大きく変えているわけではないので、webの作り方に問題があると思うのですが、
PCでの見え方とスマートフォンも見え方を同じにするためになにかアドバイスがあれば、教えていただきたいです。
どうぞ、よろしくお願いします！
