支援訓練 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) { ... }
- [マルチデバイス]実践レイアウトパターン(1)CSS