Для тех, кто использует lodash, , так как v3.0.0 , функция _. escapeRegExp встроена:
_.escapeRegExp('[lodash](https://lodash.com/)');
// → '\[lodash\]\(https:\/\/lodash\.com\/\)'
И, в событие, которое вы не хотите требовать полной библиотеки lodash, вы можете потребовать только эту функцию !
Вы можете использовать медиазапросы:
@media screen and (orientation:portrait) { … }
@media screen and (orientation:landscape) { … }
Внутри вы можете указать, что показывать, то есть текстовую информацию о том, как просматривать страницу.
Да, вы можете использовать CSS Media запросы.
Код копируется из документов 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>
Будьте осторожны при использовании этого. Там нет фактического списка совместимости предоставляется.