Отключить портретный режим на планшете с помощью CSS [закрыто]

Для тех, кто использует lodash, , так как v3.0.0 , функция _. escapeRegExp встроена:

_.escapeRegExp('[lodash](https://lodash.com/)');
// → '\[lodash\]\(https:\/\/lodash\.com\/\)'

И, в событие, которое вы не хотите требовать полной библиотеки lodash, вы можете потребовать только эту функцию !

-1
задан ZeBobo 18 January 2019 в 11:35
поделиться

2 ответа

Вы можете использовать медиазапросы:

@media screen and (orientation:portrait) { … }
@media screen and (orientation:landscape) { … }

Внутри вы можете указать, что показывать, то есть текстовую информацию о том, как просматривать страницу.

0
ответ дан 18 January 2019 в 11:35
поделиться

Да, вы можете использовать CSS Media запросы.

Документы MDN

Код копируется из документов MDN. Это объясняет, как использовать альбомную и портретную ориентацию.

body {
  display: flex;
}

div {
  background: yellow;
}

@media (orientation: landscape) {
  body {
    flex-direction: row;
  }
}

@media (orientation: portrait) {
  body {
    flex-direction: column;
  }
}
<div>Box 1</div>
<div>Box 2</div>
<div>Box 3</div>

Будьте осторожны при использовании этого. Там нет фактического списка совместимости предоставляется.

0
ответ дан Prajwal 18 January 2019 в 11:35
поделиться
Другие вопросы по тегам:

Похожие вопросы: