・表のセル内の改行禁止
以前のHTMLでは、<nobr>を使っていたが、スマホ対応のHTML5では、CSSのwhite-space:nowrapに変更した。
<td class="fsize"> <p>に記述すればよい。 <p style="margin:0px 2px 0px;white-space:nowrap;"> 可変の文字列**** </p> </td>
・フォントのサイズをemで指定する
デフォルトの16pxの代わりに、1emが10pxになるように、ベースフォントとしてbodyに「62.5%」を使ってサイズを指定します。
フォントのサイズを14pxにするためには、1.4emをセットします。
body { font-size: 62.5%; /* Resets 1em to 10px */} h3 { font-size: 1.4em; /* =14px */}
結果は、このブログでは、
フォント1.4em
フォント14px
になりました。IE9以下のフォント指定の問題のようですが、相対指定はどうも少し混乱します。HTML5ではremがいいようですが。