Проблема с условным медиа-запросом CSS для мобильных телефоновCSS

Разбираемся в CSS
Ответить
Anonymous
 Проблема с условным медиа-запросом CSS для мобильных телефонов

Сообщение Anonymous »

Я пытаюсь разместить два столбца в альбомном режиме или один столбец в портретном или альбомном режиме на телефонах.
По какой-то причине на iPad Pro у меня появляется один столбец в книжной ориентации. режим. Может кто-нибудь помочь мне понять, почему?
Проверено на самом большом iPad Pro и iPhone 12 mini, оба устройства в обеих ориентациях. На iPhone все правильно: одна колонка в книжной ориентации, две в альбомной. На iPad две колонки расположены в альбомной ориентации (верно), но одна — в книжной ориентации (неверно).
Это мой CSS:
article {
max-width: 99%;
columns: 2;
}

@media only screen
and (min-width: 375px)
and (orientation: portrait)
{
article {
columns: 1;
}
}


Подробнее здесь: https://stackoverflow.com/questions/790 ... ile-phones
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»