C'est trop bien les ifounes ! Rien que 8 media queries différents pour juste les cibler. Et si on ajoute l'orientation, on double la mise...
Je pense que le nombre de chauves dans la population des designers doit être élevé tellement ils doivent s'arracher les cheveux...

/*For iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, and iPhone 14:*/
/* 1170×2532 pixels at 460ppi */
@media only screen
    and (width: 390px)
    and (height: 844px)
    and (-webkit-device-pixel-ratio: 3) {

}

/*For iPhone 12 Pro Max, iPhone 13 Pro Max, and iPhone 14 Plus:*/
/* 1284×2778 pixels at 458ppi */
@media only screen
    and (width: 428px)
    and (height: 926px)
    and (-webkit-device-pixel-ratio: 3) {

}

/*Unique to iPhone 14 Pro:*/
/* 1179×2556 pixels at 460ppi */
@media only screen
    and (width: 393px)
    and (height: 852px)
    and (-webkit-device-pixel-ratio: 3) { }

/*Unique to iPhone 14 Pro Max:*/
/* 1284×2778 pixels at 460ppi */
@media only screen
    and (width: 430px)
    and (height: 932px)
    and (-webkit-device-pixel-ratio: 3) {

}

/*For iPhone X, iPhone Xs, iPhone 11 Pro, iPhone 12 Mini, and iPhone 13 Mini:*/
/* 1080×2340 pixels at 476ppi */
@media only screen
    and (width: 375px)
    and (height: 812px)
    and (-webkit-device-pixel-ratio: 3) { }

/*For iPhone XR, and iPhone 11:*/
/* 828×1792 pixels at 326ppi */
@media only screen
    and (width: 414px)
    and (height: 896px)
    and (-webkit-device-pixel-ratio: 2) { }

/*For iPhone Xs Max, and iPhone 11 Pro Max:*/
/* 1242×2688 pixels at 458ppi */
@media only screen
    and (width: 414px)
    and (height: 896px)
    and (-webkit-device-pixel-ratio: 3) { }

/*For iPhone 7 (2016), iPhone 8 (2017), and iPhone SE (1st to 3rd gen):*/
/* 750×1334 pixels at 326ppi */
@media only screen
    and (width: 375px)
    and (height: 667px)
    and (-webkit-device-pixel-ratio: 2) { }

Device orientation
Use the following code to add landscape or portrait orientation:
For portrait:

and (orientation: portrait)

For landscape:

and (orientation: landscape)