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


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
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
A melhor hospedagem para o seu site HostGator!

Quem está online

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