Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boia tarde a todos
estou tentando fazer um layout para celular, mas estou com problemas, queria colocar 5 imagens e que essas 5 imagens ocupassem toda a altura do telefone sempre, independente do tamanho do mesmo.
Abaixo imagem de como estou tentando fazer
https://drive.google.com/open?id=0ByQefpMMTcv6UE9fYi1ybG5qU2M
5 5 imagens uma abaixo da outra,feito para rodar em celular mesmo, mas tem que ocupar todo ele, sem ir para baixo ou para os lados, todas as imagens tem um tamanho bom que se adaptaria ate um tablet.
nada se ajustou a tela.
Link da tela que gerou: https://drive.google.com/open?id=0ByQefpMMTcv6WGRlOHROeHkwc3M
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Contabilidade</title>
<style> background-image: url(img.jpg);
background-position: center top;
background-size: 100% auto;
}
</style>
</head>
<body>
<img src="../_img/Menu.jpeg">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
</body>
</html>>
nada se ajustou a tela.
Link da tela que gerou: https://drive.google.com/open?id=0ByQefpMMTcv6WGRlOHROeHkwc3M
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Contabilidade</title>
<style> background-image: url(img.jpg);
background-position: center top;
background-size: 100% auto;
}
</style>
</head>
<body>
<img src="../_img/Menu.jpeg">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
</body>
</html>Ai ja muda o exemplo ali era para Background
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Contabilidade</title>
<style> width: 100%;
height: 100%;
background-size: 100% 100%;
}
</style>
</head>
<body>
<img src="../_img/Menu.jpeg">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
</body>
</html>Boa tarde Leonardo
obrigado pela ajuda, mas ainda esta com alguns problemas conforme descrevi na imagem, em alguns modelos de tamanho não preenche tudo e em outro consigo ir um pouco para baixo
https://drive.google.com/open?id=0ByQefpMMTcv6QTlkSFhGekUyaEk
tenta com height: auto
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Contabilidade</title>
<style> width: 100%;
height:auto; min-height:100%;
background-size: 100% 100%;
}
</style>
</head>
<body>
<img src="../_img/Menu.jpeg">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
<img src="../_img/bt1.png">
</body>
</html>caso não obtenha o resultado tenta criar esses mesmos parâmentros dentro de uma div .
Oi Leonardo, fico a mesma coisa
body {