Максимальная ширина изображения в посте с выравниванием по ширине

Question

Я определил выравнивание постов в блоге как оправданное в моем файле single.php. Проблема сейчас в том, что все изображения расширяются до полной ширины содержимого блога в 700 пикселей. Некоторые изображения, которые я использую в своих постах, не имеют ширину 700 пикселей, и теперь они растягиваются.

Можно ли каким-либо образом определить максимальную ширину только для изображений с одной публикацией, когда изображения добавляются с помощью функции Добавить медиа?

Я просто думал, что смогу сделать следующее:

<a href="....."><img class="wp-image-... alignnone" src="......" max-width="343" height="229" /></a>

Но это совсем не работает.

Answer 1

#single img{
  max-width: 100%;
  max-height: auto;
}

<div id="single">

  <img src="pic.jpg" alt="image"/>
  
</div>