Измените размер изображения в таблице ниже 100% при изменении размера окна

Question

Я думаю, что на подобные вопросы был дан ответ, но, похоже, ничто действительно не помогло мне в этом.

У меня есть таблица, которая установлена ​​в width="100%" с ячейкой в ​​верхнем ряду. Эта ячейка содержит изображение, которое довольно широко. Когда я изменяю размер окна и, следовательно, таблицу, изображение не изменяется ниже 100% от его первоначального размера.

Есть ли способ уменьшить это изображение, поскольку таблица сжимается?

Answer 1

Если вы хотите, чтобы на самом деле получить меньше указанной ширины/высоты (или первоначальной ширины/высоты) изображения, вам нужно сделать некоторые сценариев. Это означает, что вы можете подключить событие изменения размера браузера и одновременно изменить ширину и высоту изображения при изменении размера.

Другой вариант заключается в том, чтобы обернуть изображение в div с переполнением: скрытым. Поэтому, если div дойдет до окна, он скроет части изображения, которые выходят за окно.

Answer 2

Установите ширину изображения на 100%.

Если это не поможет установить его в авто!

#img{width:100%;} 

или

#img{width:auto;}