iPhone6・iPhone6 Plusの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のレスポンシブデザインを考える。サイズ＆解像度比較とメディアクエリー

これからの「標準」を身につける　HTML+CSSデザインレシピ[リフロー版]

posted with カエレバ

エ・ビスコム・テック・ラボ マイナビ 2014-03-20

Amazon

楽天市場

Yahooショッピング