Сделать изображение отзывчивым в WordPress?

Question

Как сделать так, чтобы изображения автоматически меняли размеры в зависимости от размера экрана?

Я добавляю атрибут CSS для изображения, такого как

 img {
 width: 100%;
 height: auto;
 }

но это заставит маленькое изображение принять форму контейнера, в котором оно находится, и если контейнер будет огромным, маленькое изображение будет растягиваться и пикселизироваться. Так я просто создаю специальный атрибут CSS для больших изображений? Я не хочу, чтобы изображения заполняли контейнер или div, в котором они находятся. Я просто хочу, чтобы они изменяли размеры в зависимости от размера экрана. Таблицы также должны изменить размер. Я использую как div, так и таблицы.

Answer 1

Вставьте изображение как обычно;

В поле "Размер" выберите "Пользовательский";

Установите "Ширина" и "Высота" на "0";

Вставьте это в свой код CSS:

img {
     border: 0 none;
     max-width: 100%;
     vertical-align: middle;
}

Пожалуйста, обратитесь на эту страницу, используя медиа запросы с пользовательским CSS