iframe在小型设备上无法正常运行

时间:2019-09-25 22:17:29

标签: javascript html css iframe

以下链接可以公共访问,并且在所有情况下都可以正常运行: https://partner.unblnd.com/swipe/1?widget=true

但是,当将链接包含在iframe中时,它在小型设备(开发者控制台-iPhone)上无法正常工作。外观上一切正常,但实际上定位不正确。

它包含在页面http://thewhiskyhouse.com/中,如下所示:

<iframe id="unblnd-iframe-stack1" src="https://partner.unblnd.com/swipe/1?widget=true" width="100%" height="800px" white="true" scrolling="true" frameborder="0" allowtransparency="true"></iframe>

相同的链接没有什么区别,但是为什么iframe无法正确定位,因此无法在移动设备上正常工作?

小屏幕上的问题如下所示,因为单击按钮时什么也没有发生,但是单击下面的某个地方,这没有任何意义。 Visually differently positioned than click events

Wrong positioning on small devices

1 个答案:

答案 0 :(得分:0)

从第一张图片开始,Chrome浏览器对我来说似乎还不错。您在使用Firefox吗?如果是这样,请尝试使用chrome。
pic2

我认为问题将是右侧的滚动功能,您可以将其更改为false,但是很可能需要它。

pic