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

Question

[Антон]

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

Answer 1

[Андрей Федоров]

.block {
width: 100vw;
height: 20vh;
position: fixed;
top: 0;
left: 0;
}

Comments

[Антон]

проблема в том, что он просто остается в углу при скроллинге или зумминге

[wintermoon]

Фиксированные элементы зависят от экрана. То есть если задать
.fixed {
position: fixed;
left: 0;
right: 0;
top: 0;
}
то он будет прижат к левой и правой стороне. Советую исключить фикс. эелменты из моб. версий

[Андрей Федоров]

Антон Суслов: Этот блок не может остаться углу, т.к. ширина его - это весь 100% вьюпорта. К верху он прижат. Но разве вы не этого хотели?

[Антон]

Андрей Федоров: ширина сайта больше, чем ширина экрана

[Андрей Федоров]

Антон Суслов: Т.е. у вас на сайте горизонтальная прокрутка?

[Антон]

Андрей Федоров: да. сайт не адаптирован для телефонов, а блок должен быть адаптирован.

[Андрей Федоров]

Ну допустим
codepen.io/aliencash/pen/ZGvRvK