iPhone 6/7/8、iPhone 6/7/8 Plus、iPhoneXのCSSメディアクエリ

Css Media Query Iphone 6 7 8

/*iPhone6/7/8*/ @media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) { .Property name{ ...//Style } } /*iPhone6/7/8 Plus*/ @media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) { .Property name{ ...//Style } } /*iPhone X*/ @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .Property name{ ...//style } }