如何在iOS6中设置iframe的宽度？

Question

我有一个必须嵌入某些网站的iframe，并且在iPhone上没有很好地显示。这是因为移动版Safari会忽略width属性（可能还有height）。

有解决方法吗？

谢谢！

Answer 1

虽然width被忽略，但min-width却没有。所以这样的事情与width:100%：

具有相同的效果

iframe {
  width: 1px;
  min-width: 100%;
}

Answer 2

移动版Safari中会忽略iframe的width参数，因此必须使用CSS在px中设置宽度。

我通过使用JavaScript检查用户代理来解决问题。如果它是iOS设备，我使用CSS将px中的iframe宽度设置为与容器完全相同的大小。