根据iframe大小更改视图的内容

Question

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

有办法做到这一点吗？

Answer 1

您可能想看看media queries。

基本理念是这样的：

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

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

这样的类的代码