多くのWebサイトでは、様々なテーブル表現が使われています。 テーブルのメリットは、一覧性を担保しながら他の形式では理解しづらい情報を、全体像を捉えて分かりやすく提示することができる点です。 そのため、製品仕様 / 商品価格 / セミナー情報 / 会社案内といった複数の情報を扱う際には、特に効率的な情報の表現方法です。 ただし、ある程度自由に表現したPC版(Desktop / Laptop)のテーブルを、限られた領域のスマホに組み替える際にどのように表現するかは、見やすさにおいてユーザビリティに少なからず影響してくる部分だと感じます。 近年、レスポンシブWebデザインで構築するWebサイトが多い中で、見やすさを担保するためには、いかにデバイスに適したレイアウトにするかが重要です。 特に、PCに比べて画面幅が狭いスマホで、どのようにレイアウトするか課題になるテーブル表現について、今回7つの方
![横長のテーブル、スマホでどう扱う?見やすくするためのレスポンシブ対応7選|CRチーム@株式会社メタフェイズ](https://cdn-ak-scissors.b.st-hatena.com/image/square/32dee2d54d60b6a3ef639f5874bb996bf58076fd/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F83530204%2Frectangle_large_type_2_2ead49626b1f0cf6864dd0d08880ea11.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)