在iframe中模糊的图像 - 用CSS或JS修复?

时间:2017-11-20 13:09:49

标签: javascript css iframe

在我的网站上我有一个iFrame,其中包含我销售的产品。

在台式电脑上查看时,它很好,但在移动设备/平板电脑设备上观看时,图像无法正常调整大小。 iframe中的图像模糊,因为它已被拉伸以适应屏幕。如果您旋转设备或调整屏幕大小甚至像素,它会修复它。

示例产品在这里: Click and view as a mobile device

我有一个附加到iframe的CSS,所以我可以控制内部发生的事情,但我无法解决这个问题。

我已将此应用于画布,但它只是拉伸图像,它没有调整大小:

height:100% !important;
width:100% !important;

它似乎受到来自原始服务器的一些js的控制,有什么简单的我在这里不见了吗?

提前致谢 克里斯

1 个答案:

答案 0 :(得分:0)

尝试使用属性height =“100%”width =“100%”