Question

当我单击投资组合链接时，它将创建一个iframe灯箱内容。我注意到并检查了该元素，显然iframe宽度未遵循CSS样式，iframe宽度从div中溢出。下面是我的测试链接。

我真的不知道为什么iPhone与其他设备的区别如此之大，因为它们运行正常。

感谢大家的帮助。

[编辑1] 我尝试使用模拟器来检查iPhone问题。这是screenshot。请注意，宽度和高度尺寸大于设备尺寸。我正在使用Android手机，一切都很好。

[解决方案]

我找到了解决方法here。显然，这是有关iframe渲染的CSS问题。

Answer 1

我检查了链接，对我来说似乎很好。您能确切指出您所面对的问题吗？在哪个页面上？并为此共享代码，以便我们查看问题出在哪里。

编辑1：尝试为iPhone X添加媒体查询，如下所示：

@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) {

  }

您可以在此处设置分区标签和iframe的高度和宽度。我还没有尝试过，请告诉我它是否有效。

Answer 2

您可以使用它。.

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { }