Как сделать скролл у попапа только в мобильных браузерах?

Question

[rusher87]

У меня есть popop с определённой высотой. На мобильном устройстве экран маленький и поэтому попап вылазит за пределы экрана, как сделать так, чтобы только на мобильных телефонах появлялся скролл у попапа, либо, чтобы можно было бы на него нажать пальцем и вытянуть не видимую часть из-за экрана?

Answer 1

[taki154]

.popup{
position: fixed;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
}

.popup_sub{
height: 100%;
overflow: auto;
}

по медиа-запросу переопределять стили для попапа на то, что написано выше.

Comments

[rusher87]

Спасибо, а можете подсказать медиа запрос для определения мобильных устройств (то есть с сенсорным экраном)?

[Ankhena]

rusher87: определяйте по размеру вьюпорта.
И сенсорный - не значит смартфон или планшет.

[rusher87]

Ankhena W: а можно как-то определить сенсорный экран?

[Ankhena]

rusher87: например, так www.coolmobmasters.com/mobile-design/2665-detect-t...