ionic media query iphone 11 pro max

1// iPhone 12 Mini, iPhone 11 Pro, iPhone Xs, and iPhone X
2@media only screen 
3  and (device-width: 375px) 
4  and (device-height: 812px) 
5  and (-webkit-device-pixel-ratio: 3) {
6    @content;
7}
8// iPhone 12 and iPhone 12 Pro
9@media only screen 
10  and (device-width: 390px) 
11  and (device-height: 844px) 
12  and (-webkit-device-pixel-ratio: 3) {
13    @content;
14}
15// iPhone 12 Pro Max
16@media only screen 
17  and (device-width: 428px) 
18  and (device-height: 926px) 
19  and (-webkit-device-pixel-ratio: 3) {
20    @content;
21}
22// iPhone 11 and iPhone XR
23@media only screen 
24  and (device-width: 414px) 
25  and (device-height: 896px) 
26  and (-webkit-device-pixel-ratio: 2) {
27    @content;
28}
29// iPhone 11 and iPhone XR
30@media only screen 
31  and (device-width: 414px) 
32  and (device-height: 896px) 
33  and (-webkit-device-pixel-ratio: 2) {
34    @content;
35}
36// Phone 11 Pro Max and iPhone Xs Max
37@media only screen 
38  and (device-width: 414px) 
39  and (device-height: 896px) 
40  and (-webkit-device-pixel-ratio: 3) {
41    @content;
42}