:first-letter擬似要素の文字列は、ブラウザの機能で文字を拡大・縮小しても文字サイズを変更することができない。
このとき文字サイズの設定をしていなくても発生する。
例
CSS
.cssbug011:first-letter {
color: #f00;
}
color: #f00;
}
HTML
<p class="cssbug011">あいうえお</p>
あいうえお
ブラウザのメニューバーから文字サイズを変更しても「あ」の文字サイズが変化しない。
（メニューバー→[表示]→[文字の拡大]または[文字の縮小]）
対象ブラウザ
Mac
Safari1
回避方法
なし
関連プロパティ
:first-letter最初の１文字にスタイルを指定する
fontフォントに関する指定をまとめて行う
font-sizeフォントのサイズを指定する
主要ブラウザに非対応
