Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Criei uma página usando somente medidas e posições em %, primeiro fiz com posições absolutas e as divs estavam se sobrepondo ao redimensionar o browser, depois refiz com relativas, porém as divs com float se sobrepõem ao redimensionar o browser.
A página e as divs diminuem conforme redimensiono o browser diminuindo o tamanho dele e elas "saem do lugar', gostaria que ao redimensionar o browser, essas divs continuassem do tamanho que elas são com o navegador maximizado, apenas criassem as barras de rolagem, e não diminuissem conforme diminuo o browser, é possível deixar desta forma mesmo usando as porcentagens?
Creio que nesse caso você precisaria de alguns '@media' pra definir como ele ficaria no mobile. Se você não sabe o que isso significa, aconselho a dar uma lida nos sites abaixo:
Entendendo isso, em seu CSS, você pode definir a disposição dos itens que possui.
Vamos a um exemplo bem básico:
@media (min-width: 450px){
.tutorial{
display: none;
}
}O que definimos aqui foi que a classe tutorial, quando o dispositivo tiver 450 pixels de largura, ela receberá um estilo display: none;
Agora entendendo isso, coloque em prática nas div's do seu site.
O que eu queria é que quando redimensionasse o browser, as divs mantessem o tamanho e aposição que ocupam com o browser maximizado, criando barra de rolagens, sem precisar diminuir de acordo com o tamanho da tela.
>
Creio que nesse caso você precisaria de alguns '@media' pra definir como ele ficaria no mobile. Se você não sabe o que isso significa, aconselho a dar uma lida nos sites abaixo:
Entendendo isso, em seu CSS, você pode definir a disposição dos itens que possui.
Vamos a um exemplo bem básico:
@media (min-width: 450px){
.tutorial{
display: none;
}
}O que definimos aqui foi que a classe tutorial, quando o dispositivo tiver 450 pixels de largura, ela receberá um estilo display: none;
Agora entendendo isso, coloque em prática nas div's do seu site.
resolvi definindo um tamanho minimo para a página, obrigado.
min-width:800px;
min-height:600px;
posta o link pra gente ver