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

Question

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

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

Можно ли уменьшить это изображение при уменьшении размера таблицы?

Answer 1

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

Если это не поможет, установите его на автоматический режим!

#img{width:100%;}

или

#img{width:auto;}

Answer 2

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

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