wordpressでPCとスマホでデザイン分けしてる時に、一番困るのがtable。
要素が一杯のtableはPCでは見やすいけど、スマホで地獄。
少なくとも横幅をはみ出させずに表示させるためのcss設定をメモ。
width:auto; table-layout:fixed; word-break:break-all; word-wrap:break-word;
参考リンク。
http://www.understandard.net/css/css009.html
wordpressでPCとスマホでデザイン分けしてる時に、一番困るのがtable。
要素が一杯のtableはPCでは見やすいけど、スマホで地獄。
少なくとも横幅をはみ出させずに表示させるためのcss設定をメモ。
width:auto; table-layout:fixed; word-break:break-all; word-wrap:break-word;
参考リンク。
http://www.understandard.net/css/css009.html