Как оставить плавающий блок в пределах видимости при зуме (масштабировании) в мобильных браузерах?

Question

[Евгений]

Привет.
Есть сайт, на котором нет и не может быть мета тега viewport, такие особенности. На нем есть плавающий блок с position: fixed;. На мобилках и планшетах, при отсутствующем viewport можно зумить, но нужно, что бы блок всегда оставался в поле видимости.
offset.left при зуме не меняется.

К примеру, сейчас его положение left: 20px; bottom: 20px; При зуме он покидает границы видимости.

Answer 1

[trushka]

Может, попробовать
html, body {width:100vw; height: 100vh}

Comments

[Евгений]

Даже если бы это могло помочь, я не могу править существующие стили. Работать нужно непосредственно с этим блоком.

[trushka]

Почему не можете? Вставьте в ваш блок

<style> html, body {width:100vw; height: 100vh}</style>

и будет вам щастье))

[trushka]

Ещё как вариант, задать position: absolute и обернуть в другой div с position: fixed; left: 0; bottom: 100vh

[trushka]

Даже проще, ничего оборачивать не надо:
position: fixed; left: 0; bottom: 100vh; margin: 0 0 20px 20px

[Евгений]

trushka: я написал, что не могу править существующие стили сайта, не из-за не способности этого сделать. а из-за того, что это, в данной ситуации, делать запрещено. Более того, даже если я так сделаю, ничего не получится, т.к. и до зума и после размер области остается одинаковым, никак не меняясь, но появляется горизонтальный скрол, объекты увеличиваются.

[trushka]

Евгений, всё, что увеличится, будет уже за пределами body, а положение блоков fixed будет отсчитываться исходя из заданных размеров. Ну, и опять же, попробовать вариант из последнего моего комента

[Евгений]

trushka: не получится так. Размер в пикселях при зуме на мобильных устройствах без viewport ни что не меняет.