iPhone6・iPhone6 PlusのCSSハック

iPhone6・iPhone6 PlusのCSSハック

HTML・CSS
スポンサーリンク

iPhone5までは幅320pxで調整出来ましたが、iPhone6・iPhone6 Plusになって幅が大きくなったためそのためのCSSを入れないといけません。
参考より、こちらで対応できます。

/* iPhone6のみ */
@media screen and (min-width: 375px) and (max-width: 413px){
}
 
/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (min-width: 414px) and (max-width: 500px){
}

参考サイト:iPhone6とiPhone6 Plusのレスポンシブデザインを考える。サイズ&解像度比較とメディアクエリー