tableレイアウトをCSSだけでレスポンシブ化する方法(4ページ目)table要素で作られたテーブルレイアウトなウェブページを、CSSだけでレスポンシブ化する簡単な方法を解説。表のセルを作るtd要素に対してdisplayプロパティを使えば、HTMLソース上では表組みのまま、各セルを分離して再配置できます。画面サイズに応じて表の列数を2列や3列などに自動変化させる方法を、サンプルページと共にご紹介。
何かに使える気がするのでメモしておく。 起ったこと レスポンシブなサイトを作っていたら、firefoxで想定通りの動きをしてくれなかったのよ。 具体的には何が起ったのか? table内に配置した画像が、ウィンドウ幅に合わせて縮小してくれず、隣のthを圧迫してしまった。 なお、thにはwidth設定がし何かに使える気がするのでメモしておく。 起ったこと レスポンシブなサイトを作っていたら、firefoxで想定通りの動きをしてくれなかったのよ。 具体的には何が起ったのか? table内に配置した画像が、ウィンドウ幅に合わせて縮小してくれず、隣のthを圧迫してしまった。 なお、thにはwidth設定がしてあり、tdにはwidth設定がない状態(つまりtd側が可変) にも関わらずfirefoxのみ出来てない! あ、OSはmacですのん。だからIEはみてないw←ある程度出来てからチェックするつも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く