Get your ideas out quickly & clearly with Balsamiq — the low-fidelity, high-impact tool loved by product managers, founders, developers, & UX teams everywhere.
![Balsamiq. Rapid, effective and fun wireframing software. | Balsamiq](https://cdn-ak-scissors.b.st-hatena.com/image/square/13df7b675059fb38eafda8ad2f58b1c0366c2127/height=288;version=1;width=512/https%3A%2F%2Fthumbs.balsamiq.com%2Ft.png)
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く