Mobile Safari CSS HTML5の新要素をブロックレベルにする
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display:block;
}
HTML5で追加された新要素の場合、ブラウザーによってはdisplayのデフォルト値がセットされていないことがある(Firefox3.6ではheaderがインライン要素になってたような…)。ブロックレベルに該当する要素には、あらかじめ display;block をかけておくと安心。
参考書籍:
HTML5+CSS3で作る 魅せるiPhoneサイト
display:block;
}
HTML5で追加された新要素の場合、ブラウザーによってはdisplayのデフォルト値がセットされていないことがある(Firefox3.6ではheaderがインライン要素になってたような…)。ブロックレベルに該当する要素には、あらかじめ display;block をかけておくと安心。
参考書籍:
HTML5+CSS3で作る 魅せるiPhoneサイト