🚀CSS - Responsive Web

1.反応型ウェブデザイン

@media screen and (min-width: 800px) {
	container {
		width:50%;
	}
}

2.単位

.parent {
	font-size: 8em;
}

.child {
	font-size: 0.5em;
}
/* em은 부모요소에 상대적이므로 parent는 128px, child는 64px */

.parent {
	font-size: 8rem;
}

.child {
	font-size: 0.5rem;
}
/* rem은 루트요소에 상대적이므로 parent는 128px, child는 8px */

3.正しい使用基準

4.参照ページリスト

PXtoEM(px,em変換ページ) http://pxtoem.com