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

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

table, tbody, tr, th, td {
display: block;
}

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

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

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

DOCTYPE宣言で


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

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です