Задать вопрос
@Stas2020

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

Добрый день!

Подскажите пожалуйста. Есть такой код:
<body>
<div id="d1">
<div id="d2"></div>
</div>
</body>

body{
overflow:hidden}

#d1{
position:absolute;
height:100%;
width:100%;
min-height:300px;
min-width: 300px;}

#d2{
position:absolute;
height:5vmax;
width:5vmax;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;}

При масштабировании браузера (ctrl +/-) d2 ведет себя как нужно, т.е. остается на месте (вообще ничего не меняется). Но если уменьшить окно браузера так, что d1 становиться меньше 300 px, c некоторого масштаба d2 сползает вниз и вправо.

Есть ли способ, чтобы сделать так, чтобы d2 оставался на месте и при экране менее 300px?

Спасибо!
  • Вопрос задан
  • 128 просмотров
Подписаться 1 Простой 3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы