Iphone iFrame内的视口已忽略
我有一个640像素宽的手机设备页面。因为我将在fb应用程序中使用它,所以我将它包装在宽度为810px的iframe中 问题是,无论我如何更改视口设置,在iframe中浏览时都不会应用它。直接访问手机设备的页面显示得非常完美,但不知何故,我无法让内容扩展iframe的810px 我无法为此制作一个有效的JSFIDLE,但我有一个案例:Iphone iFrame内的视口已忽略,iphone,html,mobile-safari,Iphone,Html,Mobile Safari,我有一个640像素宽的手机设备页面。因为我将在fb应用程序中使用它,所以我将它包装在宽度为810px的iframe中 问题是,无论我如何更改视口设置,在iframe中浏览时都不会应用它。直接访问手机设备的页面显示得非常完美,但不知何故,我无法让内容扩展iframe的810px 我无法为此制作一个有效的JSFIDLE,但我有一个案例: display.html-文件只是有一个 <iframe src="viewframe.html" style="width: 810px; height:
display.html
-文件只是有一个
<iframe src="viewframe.html" style="width: 810px; height: 1200px;"></iframe>
在所有的“向我们展示你所尝试的东西”之前,我已经尝试了宽度、初始比例等的每一种组合。问题是iframe中的内容永远不会受到视口设置的影响。现在已经是五年后了,我希望你可能已经找到了解决方案。。。我也有同样的问题!有什么可以分享的吗?@MattLacey没有,恐怕我从来没有让它起作用。我重新编辑了站点,使其响应。这样,渲染的视口宽度就变得无关紧要了。该死。我的iframe在设备上的伸缩性非常好,但如果直接在浏览器中呈现并利用view port meta标记,我无法使其中的内容以这种方式工作。
<meta name="viewport" content="width=640, initial-scale=1">