Разные стили #content img для разных шаблонов?

Question

[Евгений М]

Здравствуйте. Хочу сделать адаптивными картинки в браузерах internet explorer
Это легко делается через media запрос

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#content img {
    width:100%;
или width:75%; (без разницы)
  }

В итоге эти стили читает только браузер IE 10,11 а все другие браузеры нет. Все картинки сайта на всех страницах становятся адаптивными.

Но проблема в том, что в одной рубрике в одиночных single постах мне не нужны картинки размером в 75% и т.д. Там нужны картинки размером в 15% и собственно с таким размером эти картинки у меня туда и добавляют с помощью одного плагина пользователи сайта.
В html в обычных браузерах атрибуты прописываются width=15% и height=15% этим картинкам
Но браузер IE 11 упорно увеличивает эти картинки ещё и до 100% ибо выполняет также и #content img {width: 100%}

Можно ли сделать так, чтобы для определённого шаблона не работала команда #content img
либо как ещё можно сделать картинки адаптивными при уменьшении экрана в браузерах IE без width: 100% Может можно как-то ещё?
Движок wordpress

Answer 1

[Евгений М]

Добавил в нужный шаблон сверху

<style type="text/css">
#content img {
width:15%;
height:15%;
 }
</style>

Не знаю правильно так или нет но работает