У меня есть изображение, которое я хочу стать отзывчивым внутри iframe.Мне удалось добиться увеличения размера изображения по ширине, используя max-width: 100%;
Тем не менее, когда на мобильном телефоне и размер изображения изменяется, он оставляет огромный пробел в нижней части изображения, как будто он только изменен по ширине, но не по высоте.
Я пытался использовать максимальную высоту: 100%;и это только усугубляло ситуацию, увеличивая разрыв ... тогда я попробовал высоту: 100%;бесполезно, я попытался удалить атрибут высоты, и он обрезал изображение .. Я не знаю, что еще я могу попробовать ...
<center><iframe src="image.png" scrolling="no"
style="width:960px; max-width:100%; height:493px; max-height:50%; border:0px; padding:0;overflow:hidden"
allowtransparency="true"></iframe></center>
Я просто хочу, чтобы изображение правильно изменял размер, когда на меньшемразмеры экрана ..