レスポンシブ対応table レイアウトまとめ

CSSで出来るレスポンシブ対応を考えた table レイアウト

WEB DEVELOPMENTさん　http://www.unionnet.jp/develop/responsive-table-css/

リキッド・レイアウトでチェックボックスを綺麗に並べる

WebOS Goodiesさん　http://webos-goodies.jp/archives/51275332.html

table に指定しておきたい CSS メモ

understandardさん　http://www.understandard.net/css/css009.html

以上の参考サイト様方のおかげでたどり着いた
わたしが大体のサイトに貼り付けているCSSはこちらです

レスポンシブサイトでtableレイアウトに困ったときの、とりあえず貼っておくCSS

 
@media screen and (max-width: 480px) {
	table.smart {
		margin: 0 -10px;
		table-layout: fixed;
	}
	table.smart th,
	table.smart td {		
        	width: 100%;
		display:block;
		padding:5px;
		border:none;
	}
	table.smart input[type="email"],
	table.smart textarea,
	table.smart input[type="submit"] {
		width:95%;
	}
	/* ラベルタグで囲んだチェックボックスの表示 */
	table.smart .wpcf7-list-item label {
		display: inline-block;
		width: 100%;
	}
	table.smart .wpcf7-list-item label:hover {
		background: #E4E4E4;
		font-weight:bold;
	}
}