我有一张要在iframe中响应的图像。我能够使用max-width:100%完成调整图像的宽度大小;
但是,在移动设备上调整图像大小时,它在图像底部留下了巨大的空白,好像它只是在宽度上而不是在高度上一样。
我尝试使用max-height:100%;那只会让情况变得更糟,使差距更大。.然后我尝试了height:100%;不好,我尝试删除了height属性,并切断了图像。.我不知道还能尝试什么...
<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>
我只希望在较小的屏幕尺寸上正确调整图像大小。