Redimensionar imagem css

Oii, podem me ajudar

	Tipo com o <img>

	Eu adiciono a imagem tipo width:100%;

	Height:100%;

	Esses 100% não deveria ser 100% do width/height da imagem, mas ela ta ocupando os 100% da div até mesmo do body todo ._.

	 

	Tipo eu quero deixar a imagem pequena mas proporcional 

	Pq não vai ser só uma imagem vai ser varias de tamanho diferente e ela ficam grande só com <img> sem CSS

	Já tentei Max-width/height, Min-width/height

	E não tou fazendo com PX pq se alguém acessar o site com um tablet o PX vai ser maior doq no smartphone._.

	 

	E quando ta perfeito o height ta um pouquinho grande além do tamanho proporcional ao da width e fica aquela imagem meio esticada e fora de resolução

	 

	Exemplo no facebook as imagens dos posts ficam proporcionais e quando não a imagem corta e se clicar na imagem fica tela cheia e a imagem fica perfeita sem perda