レスポンシブデザイン対応のテーブル – やってみたら、できた。

世の中カテゴリーの変更を依頼記事元:

www.narugaro.com

8 usersがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fnarugaro.wordpress.com%2F2014%2F02%2F04%2F%25E3%2583%25AC%25E3%2582%25B9%25E3%2583%259D%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%2596%25E3%2583%2587%25E3%2582%25B6%25E3%2582%25A4%25E3%2583%25B3%25E5%25AF%25BE%25E5%25BF%259C%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://narugaro.wordpress.com/2014/02/04/%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB/">レスポンシブデザイン対応のテーブル – やってみたら、できた。</a><a href="https://b.hatena.ne.jp/entry/narugaro.wordpress.com/2014/02/04/%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB/">はてなブックマーク - レスポンシブデザイン対応のテーブル – やってみたら、できた。</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

レスポンシブデザイン対応のテーブル – やってみたら、できた。

PCでは幅広く見せたい表組みですが、スマートフォンで見ると幅が狭いので見にくいですよね。そこで、以... PCでは幅広く見せたい表組みですが、スマートフォンで見ると幅が狭いので見にくいですよね。そこで、以前Web Designingに載っていた、レスポンシブ対応の方法を簡単にメモしておきます。 PCで表示すると… 簡単に表を作成しました。わたしの好き嫌いの表ですが、、PCで見るととっても見やすい表になっていますo(^▽^)o スマートフォンで表示すると… まあ、こんなかんじになりますよね。十分見えるけれどもっと長い文章だと見にくいです＞＜ CSSで表示を切り替えるそこで下記のようにデバイス幅に応じてCSSを切り替えます。 .table-style01{ margin:15px 0; border-top:1px solid #ddd; border-right:1px solid #ddd; } .table-style01 th, .table-style01 td{ padding:1