henriquems1988 0 Denunciar post Postado Maio 5, 2015 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
guilomaker 31 Denunciar post Postado Maio 5, 2015 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
henriquems1988 0 Denunciar post Postado Maio 5, 2015 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
guilomaker 31 Denunciar post Postado Maio 5, 2015 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
henriquems1988 0 Denunciar post Postado Maio 5, 2015 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
baguera13 5 Denunciar post Postado Maio 9, 2015 @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
henriquems1988 0 Denunciar post Postado Maio 10, 2015 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