1

Подскажите пожалуйста, как сделать что бы div не сдвигался при масштабировании экрана.

div {
  width: 50px;
  height: 50px;
  border: 1px solid;
  position: relative;
  top: 83px;
  left: 163px;
  background: white;
}

img {
  width: 100%;
  height: auto;
  position: absolute;
}
<img src="https://www.doylecollection.com/var/doyle/storage/images/media/doyle-redesign/images/blog/westbury/dublin-coffee-image-1/104529-1-eng-US/dublin-coffee-image-1.png">
<div></div>

2
  • Он не сдвигается
    – user298256
    6 сен 2019 в 14:33
  • @Vearo нажмите развернуть фрагмент и смените масштаб 6 сен 2019 в 14:33

2 ответа 2

0

Он не сдвигается. Может, наоборот, нужно, чтобы он сдвигался при уменьшении размеров экрана? Тогда нужно поменять px в top и left на какие-нибудь относительные величины вроде vw vh или процентов.

1
  • Нажмите на развернуть фрагмент и смените масштаб страницы, div съедет 8 сен 2019 в 8:15
0

там у вас margin есть у body, надо убрать его и не будет скролла, также надо всегда писать box-sizing: border-box;

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.