ruby-on-rails - 根据 iframe 大小更改视图的内容

Question

我的 Rails 应用程序有一个页面可以显示在第三方网站的 iframe 中。我想根据 iframe 大小更改我的页面内容。（例如，如果 iframe 尺寸很小，则只显示 1 个元素而不是 3 个）。

有没有办法做到这一点？

Answer 1

您可能想看看媒体查询。

基本思想是这样的：

@media (max-width: 768px) {
  .hide_on_small_screens { display: none; }
}

然后，您可以将此或类似的类添加到要隐藏/显示的对象中。或者你可以只写一个类的代码.iframe_wrapper