Блог

Я пытался создать стиль для экрана размером менее 992 пикселей и соотношением сторон менее 1. Вот что я попробовал. Это не работает. Можно ли сделать что-то подобное в CSS? Вот что я попробовал.

 @media screen 
  and (max-width: 992px)
  and (max-aspect-ratio: 1){
    .classStyle{
        display: flex;
        flex-direction: column;
    }
}
 

Вы можете использовать вот так

 @media (aspect-ratio: 1/1) {
  div {
    background: red;
  }
}
 

Также вы можете узнать больше здесь

Я думаю, это то, чего ты хочешь..

 @media screen and (max-width: 992px) and (aspect-ratio: 1/1){
    body{
        display: flex;
        flex-direction: column;
    }
}