コピペで簡単！レスポンシブなテーブルデザインCSSを作ろう

簡単に言うと、table th部分をスマホで幅100%にして見やすくするというもの。 HTML <table class="shokai"> <tbody> <tr> <th>店名</th> <td>海鮮戸ばた えびす丸</td> </tr> <tr> <th>ジャンル</th> <td>魚介料理・海鮮料理、居酒屋、郷土料理</td> </tr> <tr> <th>TEL・予約</th> <td>0952-29-6120</td> </tr> <tr> <th>住所</th> <td>佐賀県佐賀市中央本町2-7 <iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3336.4908031500313!2d130.301833!3d33.25364099999999!2m3