CSS медиазапрос для iPad Pro 12.9 3-го поколения

Question

Я пытаюсь определить вышеуказанное устройство и размер веб-контента соответственно.

Приведенный ниже запрос работает для всех устройств iPad Pro, кроме 12,9-дюймового 3-го поколения.Кто-нибудь знает правильные параметры для ширины / высоты?

/* iPad pro */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
{
}

Я сейчас попробовал приведенный ниже код, как предложено.Это все еще не работает на iPad Pro 12.9 только 3-го поколения.Скриншот симулятора iPad прилагается.Раздел входа в систему должен заполнить ширину экрана

/* Landscape*/
@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)
{
    div.information
    {
        width:1290px;
        padding-left:20px;
        padding-right:20px;
        padding-top:5px;
        padding-bottom:5px;
        border-radius: 20px;
        margin-bottom:10px;
    }
}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)
{
    div.information
    {
        width:950px;
        padding-left:20px;
        padding-right:20px;
        padding-top:5px;
        padding-bottom:5px;
        border-radius: 20px;
        margin-bottom:10px;
    }
}

Answer 1

Следующий запрос должен работать для вас. Я добавил вопрос об ориентации в утверждение, чтобы указать, как вы держите iPad. Кроме того, вместо использования двух значений ширины вам необходимо заменить максимальное значение на значение высоты (которое будет меняться в зависимости от того, используете ли вы устройство в альбомной или книжной ориентации.

/* Landscape*/
@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {}