クリエイター:コーディング備忘録ブログ

コーディング

iosでth、tdが立て並びにならない場合

会社概要のテーブルなど、

display: block;をしてしてあげることで縦並びになります。

ですが、iOSの実機で表示されたときにSafariではtdが横並びのままで表示されることがあります。

iosのSafariはWebkitです。
WebkitはDOCTYPE宣言をしなければ、tdのdisplay:block;をtable-cellで上書きしてしますため、
立て並びになりません。

DOCTYPE宣言で

を指定してあげることで解決できます。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP