Assim, para cada um destes dois elementos com largura e altura definida em porcentagem, a parte inferior estará vazia, uma vez que cada expandiu, mas a quantidade de texto dentro não tem changed.Heights de conter ElementsBecause do problema acima, você deve evitar dar alturas (valores) para que contenham elementos. Evite dar alturas para contendo elementos tanto em percentagens ou pixels. Você pode dar contendo elementos larguras em porcentagem, mas não alturas.
Se você não dá contendo elementos alturas, o navegador irá sempre dar-lhe a altura para a qual texto (e outros elementos inline) vai se encaixar no elemento que contém (sem espaços na parte inferior). Imagens de resoluções comuns hoje são, 800 X 600, 1024 x 768, 1152 x 864. e Quanto maior a resolução, maior tela do computador. Suponha que você tenha uma imagem, na tela de menor resolução, e você tem dado as dimensões da imagem em porcentagem. Também assumem que se você tivesse que dar as dimensões da imagem de pixel, a imagem ainda teria o mesmo tamanho real, uma vez que teve com percentual.
Então, agora você tem uma imagem com dimensões em percentagem e você sabe as dimensões equivalentes em pixels. Quando a página web com a imagem é exibida em uma tela de alta resolução, a imagem aparece maior. Saiba que, nessa condição, na resolução mais alta os detalhes de imagem serão perdidos. Se tivesse dado as dimensões da imagem em pixels, na maior resolução (com uma tela maior), o tamanho da imagem não mudaram (significativamente) e os detalhes da imagem teria sido mantido.
Assim, dando as dimensões da imagem em porcentagem, resulta em um aumento no tamanho como esperava, mas com perda de detalhes. Por outro lado, dando as dimensões em pixels mantém os detalhes como esperado, mas sem aumento de tamanho. Esse é um dos problemas, mudança de resolução brings.The solução é projetar a sua página web com a mais alta resolução que você acha que seus usuários têm e ainda dar a unidade de percentagem para as dimensões da imagem; Agora, como você vai par