ブラウザ間でpreタグのフォントサイズ統一

PC関係の記事を書くときはテキストの出力をそのまま貼り付けるために
preタグを多用しています。
しかし、IEだけpreタグ内のフォントサイズが小さくなっちゃうんですね～（;´д｀）
ので、
　http://kudox.jp/html-css/font-size-css
を参考に So-netブログ のHTMLを編集しました。

「デザイン ＞ テンプレート管理 ＞ HTMLの追加」とたどっていって、
下記の緑色の部分を追加します。


<head>
??．．
<style type="text/css">
body, h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
font-size:13px;
}
</style>
<!--[if IE]>
<style type="text/css">
body, h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
font-size:small;
}
</style>
<![endif]-->
</head>
<body>
 

これでIEでもその他ブラウザでもpreタグ内でフォントサイズを統一できました。ヽ(´▽｀)ノ

投稿日：
ラベル:

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)