Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

henriquems1988

float:left > não funciona no sistema android navegador google chr

Recommended Posts

A QUEBRA DE IMAGEM PROPORCIONAL DO TAMANHO DA TELA DO DISPOSITIVO MÓVEL NÃO OCORRE SÓ OCORRE NAVEGADOR SISTEMAS WINDOWS

<html><head> 
<title>Titulo da sua Pagina</title> 

<!----CSS ----->
<style type="text/css"> 
table  
{ 
float:left;  
}
#margin_tabela_geral
{ margin-top: 100px; margin-right: 100px; margin-bottom: 100px; margin-left: 100px;}



</style> 
<!---- /CSS  ----->

</head><body><div id="margin_tabela_geral">


<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 
<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table> 

<table border="1"> 
<tbody><tr> 
<td><a href="https://www.google.com.br" target="_blank">
<img alt="BOLETO" img="" src="images/logo.png" style="width: 100px; height: 100px; border-width: 5px; 
border-style: solid; margin: 2px; float: right;"></a><p></p></td> 
</tr> 
</tbody></table>
</div>

</body></html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

mano aqui ta normal! esse comentario no css ta quebrando todo o codigo.

remova o <!----CSS -----> e o <!----/CSS ----->

 

ou coloque

 

<!--CSS-->

<!--/CSS-->

 

EDIT:

 

Não esta normal não, irei dar uma olhada aqui.

Compartilhar este post


Link para o post
Compartilhar em outros sites

mano aqui ta normal! esse comentario no css ta quebrando todo o codigo.

remova o <!----CSS -----> e o <!----/CSS ----->

 

ou coloque

 

<!--CSS-->

<!--/CSS-->

 

EDIT:

 

realmente linha de comentário estava errada mas mesmo assim quebra de imagem não ocorre em dispositivo móvel

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

mano aqui ta normal! esse comentario no css ta quebrando todo o codigo.

remova o <!----CSS -----> e o <!----/CSS ----->

 

ou coloque

 

<!--CSS-->

<!--/CSS-->

 

EDIT:

 

realmente linha de comentário estava errada mas mesmo assim quebra de imagem não ocorre em dispositivo móvel

 

 

qual o fundamento disso? porque tem que refazer isso ae, tem que usar a forma correta pra mobile se você precisar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

no meu computador ele quebra normal imagem conforme vou diminuindo tamanho da janela do navegador já no meu aparelho movel android ele não quebra imagen tem alguma ideia de como poderia ser feito ou se este codigo pode ser modificado para quebrar imagem no android desde já agradeço... no meu android ele aparece muito pequeno as iagem não quebra para baixo

Compartilhar este post


Link para o post
Compartilhar em outros sites

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {

 

coloca um CSS específico pro celular aqui dentro.

 

}

Compartilhar este post


Link para o post
Compartilhar em outros sites

PROBLEMA RESOLVIDO DESCOBRI SEGUINTE FORMA

.responsivo{
float:left;
}
	
body{
	margin-top: 50px; 
	margin-right: 50px; 
	margin-bottom: 50px; 
	margin-left: 50px;
	}
	
.container img {
   
    width: 300px;
    height: 300px;
	margin-top: 5px; 
	margin-right: 5px; 
	margin-bottom: 5px; 
	margin-left: 5px;
	}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.