Добрый день!
Подскажите пожалуйста. Есть такой код:
<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?
Спасибо!
