HTML fixar objetos na página web

Murilown · 18 de março de 2021

Olá, espero que estejam bem! Estou começando agora na programação e gostaria de saber como faço para que quando eu diminua o zoom no navegador, as divs, imagens enfim... Que tudo fique parado no mesmo lugar, porque agora quando eu diminuo o zoom, tudo se move de lugar e fica uma coisa bem esquisita.

Agradeço qualquer ajuda.

Rui Guilherme · 18 de março de 2021

Recomendo você pesquisar como funciona a responsividade de um site.

Para iniciar você pode entender o conceito aqui:

https://www.w3schools.com/html/html_responsive.asp

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design

Caso você queira, pode simplesmente adicionar o Boostrap dentro da <head></head> do seu site,

<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
  
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
</head>