如何在移动Safari上制作iframe宽度小于320px?

时间:2016-05-12 22:07:00

标签: css iframe mobile-safari

我有一个iframe,其大小与内部内容的大小相同,小于视口。它在桌面浏览器上没有问题,包括桌面Safari。但是,在移动版Safari上,当内容宽度小于320像素时,iframe的宽度保持在320像素。如何在移动版Safari中将iframe设置为小于320px的宽度?

UPDATE:已解决。这与使用的前端框架(Semantic-UI)中的默认设置有关,该框架在body标签上设置了最小宽度为320px。覆盖body标签上的此设置解决了这个问题。

2 个答案:

答案 0 :(得分:0)

过去,我已经看到移动Safari的许多问题,而且这个问题似乎适合移动Safari的问题。以下是我的建议:研究AJAX,获取网页代码,并将其复制并粘贴到div中。 http://www.w3schools.com/ajax/default.asp

答案 1 :(得分:0)

感谢那些贡献的人,但我解决了自己的问题。问题是我的iframe中的内容使用了Semantic-UI框架,该框架在主体上设置了最小宽度为320px。我只是通过在身体上将min-width设置为0来简化它。