Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

ricardosilva1984

imagem proporcional ao ecran

Mensagens Recomendadas

ricardosilva1984

Boas pessoal, tenho um duvida, tenho um objecto ou melhor uma imagem numa div class, nos ecrans de 17 polegadas ele fica bem, mas agora gostaria de quando fosse em ecrans de 19 e 21 ele aumentasse proprocionalmente.

Como poderei fazer isso?

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
brunoais

Podias usar um div container que contém a imagem. Depois indicas, usando CSS, que queres que a imagem tenha como tamanho, por exemplo, 70% da largura do div e 80% da altura do div.


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
jorgepinho

Oi,

se definidires o CSS da imagem com:

width="100%"

height="100%"

O browser torna a imagem proporcional ao tag-pai, pode distorcer e o height tem sempre de ser definido no tag-pai

uma solução é:

html, body {
width: 100%;
height: 100%
}

isto diz explicitamente para estes tags terem estas dimensões, depois tens de definir a <div> e a <img> para as medidas que pretendes (a 100% certo ?)

Se pretendes o efeito de uma imagem de fundo proporcional ao ecrã com conteúdo, a solução é outra e um bocadinho mais complexa:

http://webdesign.about.com/od/css3/f/blfaqbgsize.htm

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.