ＣＳＳデバイス別サイズ

いつも忘れるのでこちらでメモしておきます。

iOS

■ iPhone 5
@media only screen and (min-device-width:320px) and (max-device-width:568px) {
  //CSS記述
}

■ iPhone 6
@media only screen and (min-device-width:375px) and (max-device-width:667px) {
  //CSS記述
}

■ iPhone 6 Plus
@media only screen and (min-device-width:414px) and (max-device-width:736px) {
  //CSS記述
}

■ iPad
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
  //CSS記述
}

■ iPad縦向き
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  //CSS記述
}

■ iPad横向き
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
  //CSS記述
}