Здравствуйте. Столкнулся с неоднозначностью getBoundingClientRect().
А именно: есть div c id c1 в коде console.log(c1.getBoundingClientRect().x); в консоль выводит 244, но в консоли если ввести c1.getBoundingClientRect().x выведет 122, правильное значение консольное. В чем тут дело?
console.log(c1.getBoundingClientRect().x)
.sector{
display: flex;
flex-direction:row;
min-width: 100px;
}
.spring{
position: relative;
display: block;
width: calc((100vw - 100vh) / 2);
background-color: green;
}
.q1{
background-color: blue;
}
.content{
min-width: 30px;
max-width: 100px;
overflow: hidden;
background-color: yellow;
}
#c1{
height:30px;
width:30px;
background-color:red;
}
Ответ
Дело в том, что когда ты открываешь консоль, размер окна изменятся и элемент сдвигается. Поэтому с закрытой консолью значение 244, а с открытой - 122.
Вынес