Определить iPhone X, iPhone Xs и iPhone 11 Pro через @media

#html #css #вёрстка #iphone_x

Как определить iPhone X, iPhone Xs и iPhone 11 Pro через @media queries?
    

Ответы

Ответ 1

Определить iPhone X можно следующим способом:

@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { 
      /* Ваш CSS */
}