iPhone 6 と 6 PLUSに対応したレスポンシブデザインのためのMedia Queries | 96COLOR

レスポンシブデザインをするときに使用する、iPhone 6 と iPhone 6 Plus のCSS3のメディアクエリーのパターンになります。 ご紹介するメディアクエリー iPhone 6 がデバイスが縦置きのとき (portrait: 幅より高さが高い表示) @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { } iPhone 6 がデバイスが横置きのとき (landscape: 高さより幅が広い表示) @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {

[tyr777]

レスポンシブデザインのiphone6でのメディアクエリーの定義について