Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17409
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Tamanho da imagem proporcional de acordo com o tamanho da tela

06-05-2015 15:04

Nosso site pode ser visto em diversos dispositivos, então, é necessário que a imagem se ajuste automaticamente de acordo com a resolução da tela.

Para fazer isso deve usar o seguinte código:

<style> .img { max-width: 100%; height: auto; } </style> <img class="img" src="figura.jpg">

Esse código faz o seguinte, ele mantém a imagem do tamanho normal, em computador por exemplo. Quando a resolução da tela for menor que o tamanho da imagem a imagem reduz o tamanho proporcionalmente, se adaptando na tela do dispositivo.
5
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado