今、ネットカフェから更新中です。
理由を知りたい方は「こちらの記事」をどうぞ。
いつもながら、たまにWindowsで自分のブログを見ると驚くような発見（失敗とも言いますが（笑））あって怖いです。(^^;)
いつもはMacなのですが、やはりMacだけで動作確認するのは危険ですね～。
で、今回気づいたのは「引用のフォントが大きい」ということなんです。
他のフォントはMacで見るのと同じなのですが、引用の部分だけは妙に大きくて文章も枠からはみでたりしてて・・・。これではいけないと思ってスタイルシートをもう一度見返してみました。
という訳で、本文と引用部分のスタイルシートを比較してみようと思います。
引用のスタイルシート
blockquote {
color:#002d2d;
border: 2px dotted orange;
background-color:#FAFAD2;
padding: 5px;
}
color:#002d2d;
border: 2px dotted orange;
background-color:#FAFAD2;
padding: 5px;
}
本文のスタイルシート
.content p {
color: #002d2d;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}
color: #002d2d;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}
あぁ、こうやって並べてみると一発でわかりますね。（苦笑）フォントの部分を見てみると本文の部分にはフォントを指定する
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
といった記述があるのに引用の部分ではフォントの大きさ自体を指定していなかったんですね。というわけで、本文と同じにするためフォント指定をします。最終的にこうしました。
引用のスタイルシート
blockquote {
color:#002d2d;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
border: 2px dotted orange;
background-color:#FAFAD2;
padding: 5px;
}
color:#002d2d;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
border: 2px dotted orange;
background-color:#FAFAD2;
padding: 5px;
}
そして、保存して再構築してブラウザで改めて確認。
無事フォントが小さくなっていました！！
また、問題がひとつ解決です。(^^)
+++ 関連記事 +++
posted by ゆう at 16:03
|
|
