支援訓練 82日目

clearfix

.cf {
  zoom: 1;
}
.cf:before, .cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}

viewport

<meta name="viewport" content="width=device-width">

@media

/* タブレット向けのスタイル: 481px ~ 768px */
@media only screen and (min-width: 481px) {
 ...
}
/* PC向けのスタイル: 769px~960px */
@media only screen and (min-width: 760px) {
 ...
}