CSS

画面サイズ別にスタイルを切り替え

'15.11.17

表示領域が320px以下の場合に適用するスタイル

@media screen and (max-width: 320px) {
  要素 {
    width: 100%;
  }
}

 

表示領域が800px以上の場合に適用するスタイル

@media screen and (min-width: 800px) {
  要素 {
    width: 240px;
  }
}

 

(View97)