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

Question

Я пытаюсь просто добавить простую таблицу с несколькими строками, каждая с тремя столбцами в моем блоге Wordpress.

<table> 
<tbody> 
<tr> 
<td><img src="http://www.alidimare.net/images/loveIs/01.jpg" alt="Love Is"/></td> 
<td><img src="http://www.alidimare.net/images/loveIs/07.jpg" alt="Love Is"/></td> 
<td><img src="http://www.alidimare.net/images/loveIs/02.jpg" alt="Love Is"/></td> 
</tr> 

И я попытался сделать это реагировать с помощью Magic-Liquidizer-отзывчивый и tablepress реагирующих плагин. Результаты не приходят должным образом, так как размер изображений остается очень маленьким, даже если таблица попадает в один столбец.

Пожалуйста, дайте мне знать, как это исправить.

Answer 1

вам нужно проверить, если у вас есть какие-либо другие CSS файлы, загруженные (ваша тема), переопределяют ваши изображения css, просто проверяйте и проверяйте .. вам, вероятно, нужно будет сделать некоторые пользовательские css .. вы можете попробовать добавить «! important;»

table td img{ 
    width: 100% !important; 
} 

Answer 2

вам нужны изображения взять 100% их емкости (TD), так что вы добавить

img{ 
    width: 100% 
} 

с этой таблицей будет адаптироваться к ширине