質問: 【html/css】リキッドデザインのテーブル いつもお世話になっております。今回は、htmlについて教えてください。楽天goldでページを作成しているのですが、リキッドデザインのテーブルができません。■ ■■ ■こんな形でクーポンを並べて、pcでもスマホでも見れるようにしたいのですが、タグを教えていただけますでしょうか。よろしくお願いいたします。
回答: ecマスターズの田中です。リキッドレイアウトによるページを作成される場合、手動で細かい設定を行うのはとても難しいので、bootstrapに代表されるフレームワークを導入されることをオススメします。bootstrapの解説、導入方法については下記urlの紹介記事をご参照ください。https://techacademy.jp/magazine/6270(楽天外のurlは、ファイルを保存し、 楽天goldにアップロードし直してからご利用ください)いただいた内容ですと、横2列に画像が並ぶことを想定されているかと思いますが、その場合はたとえば と で各バナーを囲う、もしバナー1つぶんの空白が必要な場合は と で各バナーを囲うことで、スマートフォン用の幅(横幅768px以下)になった時に自動的に縦一列に並ぶようになります。まずはbootstrapの導入をお試しいただき、不明な点がございましたらご返信ください。