レスポンシブWebデザイン テーブル小技 | Coding Methodology | CFニュース | CODING FACTORY - コーディング専門サービス昨今、スマートデバイスへの対応の一つとしてとてもメジャーになってきているMedia QueriesによるレスポンシブWebデザインですが、同じ情報要素を複数のパターンとしてレイアウトすることに悩まされているデザイナーの方も多いのではないでしょうか。 今回は、それを解決するちょっとしたテクニックをご紹介します。 CSSレスポンシブ 例えば、<table>タグを使ってのお馴染みの表組みは、PC画面ではストレス無く閲覧する事が出来ますが(01)、スマートデバイスでは、画面が小さくなり、テキストなどが縦に長くなってしまうため(02)、読みにくくなってしまうケースがあります。
