更新日2016年2月11日タグレスポンシブデザイン標準のテーブル(table)は、親のコンテナ(解像度)に合わせて最大幅が変化します。したがって、スマートフォンなどの水平方向の解像度が低いデバイスで閲覧するとき、テーブルの各セルの幅は非常に小さくなります。セルの幅が小さくなると、その中にあるテキストは折り返しが多くなって著しく読みにくくなります。そこでメディアクエリ(@media)を使って、低解像度のときでもテーブルを読みやすくします。汎用性の高い、スクロールバーを表示する手法を解説します。先に実行結果を示します。キャプチャしたものです。表示した画像をキャプチャしています。