会社概要のテーブルなど、
1 2 3 |
table, tbody, tr, th, td { display: block; } |
display: block;をしてしてあげることで縦並びになります。
ですが、iOSの実機で表示されたときにSafariではtdが横並びのままで表示されることがあります。
iosのSafariはWebkitです。
WebkitはDOCTYPE宣言をしなければ、tdのdisplay:block;をtable-cellで上書きしてしますため、
立て並びになりません。
DOCTYPE宣言で
1 |
<!DOCTYPE html> |
を指定してあげることで解決できます。
コメント