Как установить ширину и высоту изображения, не растягивая его?

Question

Если у меня есть:

#logo {
    width: 400px;
    height: 200px;
}

затем

<img id="logo" src="logo.jpg"/>

будет растягиваться, чтобы заполнить это пространство. Я хочу, чтобы изображение оставалось того же размера, но чтобы оно занимало столько места в DOM. Нужно ли добавлять инкапсулирующий <div> или <span>? Я ненавижу добавлять разметку для стиля.

Answer 1

То, о чем я могу думать, это растянуть ширину или высоту и позволить ей изменить размер в пропорции. Там будет некоторое белое пространство по бокам. Что-то вроде того, как широкоформатный экран отображает разрешение 1024х768.

Answer 2

вы можете попробовать установить отступ вместо высоты / ширины.