Question

我对iframe有一个有趣的问题。我使用rails构建了几个网页，将它们部署到Heroku，并成功将它们设置为我正在更新的现有网站。它们在桌面上看起来很棒，但在移动设备上却根本不起作用。当他们在不同的移动设备上进行测试时，他们看起来完全没有使用chrome检查元件，媒体查询会在他们应该等等时启动，而在Safari浏览器上他们看起来也是正确的，但在ACTUAL iphone上，他们无法正确显示一点都不这使我很难测试出了什么问题，我喜欢这里有人为我解决这个问题。

我可以在http://www.socialplayground.com.au/gifgif和http://www.socialplayground.com.au/roaming_selfie找到我所指的网页。请找到以下代码：

gifgif和漫游自拍页面都是index.html布局

<!DOCTYPE html>
<html style="height: 100%;">
<head>
</head>
<body style="margin:0px;padding:0px;overflow:hidden;height: 100%;">

    <iframe src="https://aqueous-cliffs-8274.herokuapp.com/gifgif" frameborder="0" style="overflow:hidden;height:100%;width:100%"></iframe>

</body>
</html>

Rails中的应用程序控制器

class ApplicationController < ActionController::Base
  # Prevent CSRF attacks by raising an exception.
  # For APIs, you may want to use :null_session instead.
  protect_from_forgery with: :exception


  private
    def allow_iframe
      response.headers.delete "X-Frame-Options"
    end
end

Rails页面控制器

class PagesController < ApplicationController
    after_filter :allow_iframe

    def gifpage
    end

    def selfies
    end
end

这里的前三个是滚动时它在ios mobile上的显示方式

它应该是这样的

iframe网页未正确显示在移动设备上

0 个答案: