当屏幕尺寸相同的时候，区分适配

/*iPhone6和iPhone8*/
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2)

{
/*code*/

}

/*iPhone6 Plus 和iPhone8 Plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3)

{

/*code*/

}

/*iPhoneX*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3)

{
/*code*/
}
为什么会这么写，原因在于当iphone6/7/8的不带plus的这种尺寸和iphone的width是一样的但是，他们的高度缺不一样，当要求满足整屏的时候，你是没有办法进行适配，所有，就有以上的针对iphone6/7/8和iphonex的屏幕尺寸的写法

当屏幕尺寸相同的时候，区分适配

原文：https://www.cnblogs.com/rockyjs/p/12180048.html