Make an image grow proportionally up to a specific limit

Question

Navigation

#1 by (1 votes)
#2 by (1 votes)

1

Make an image grow proportionally to the limit of an area follow the example in the image below

css

asked by anonymous 11.09.2015 / 07:44

2 answers

Capture email data Set value for combo with Ajax

score 1 · Answer 1

1

div.imagem{
    width: 210px;
    height: 210px;
}

div.imagem img{
    width: 100%;
    max-width: 198px; // Sua Primeira Imagem
}

11.09.2015 / 13:14

score 1 · Answer 2

Use only the max-width property, as shown below:

div.imagem img{
 max-width:100%;// primeira imagem
}

You have already defined the size of the area where the image will be inserted, so the image will occupy 100% of this area.