Все содержимое страницы уменьшается, пропорционально изменению размера окна
(написал скрипт, которые пересчитывает transform: scale
у body
) и все прекрасно уменьшает, но все плавающие фиксированные окна, жестко закрепляются в определенном положении документа. ТО есть fixed ведет себя не так как должен вести.
Можно ли как то исправить с помощью css без использования скрипта?
.child {
display: block;
position: fixed;
top: 15px;
left: 15px;
padding: 25px;
background: #5fba7d;
color: #fff;
font-size: 24px;
}
.paren {
height: 5000px;
}
body {
transform: scale(0.95);
}
<div class="paren">
vrtvrtv
<br>trvrvr
<br>vrvrv
<br>vrtvr
<br>v
<br>rfrv
<br>r
<br>v
<br>r
<br>v
<br>r
<br>v
<br>v
<br>
<br>
<div class="child">
Это плавающий блок
</div>
</div>