我有一个宽度为640px的手机设备页面。因为我将在fb-app中使用它,所以我将它包装在宽度为810px的iframe中。
问题在于,无论我如何更改视口设置,在iframe中浏览时都不会应用它。直接访问电话设备的页面显示效果很好,但我无法获取内容来拉伸iframe的810px。
我无法为此制作一个有效的jsfiddle,但我在这里有一个案例:http://optimuscrime.net/display.html
display.html
- 文件只有一个
<iframe src="viewframe.html" style="width: 810px; height: 1200px;"></iframe>
viewframe.html
根据640px的宽度和像这样的视口设置获取所有内容:
<meta name="viewport" content="width=640, initial-scale=1">
在所有“向我们展示你尝试过的东西”之前 - 陈词滥调:我已经尝试了宽度,初始比例等的每一个组合。问题是iframe内的内容永远不会受到视口设置的影响。