使用媒体查询定位iframe的父页面

Question

我有一个将在各种页面中实现的iframe。我正在尝试在其中添加CSS媒体查询，以便它在不同设备上的工作方式不同。 但CSS媒体查询获取iframe的宽度，而不是实际的页面。 有没有办法用CSS而不是Javascript来做到这一点？

iframe来自同一个域，在桌面上，它应该有一个固定的宽度，而在移动设备上，我试图设置一个流畅的宽度。

到目前为止，我尝试使用普通媒体查询，例如：

@media (max-width: 768px){
    //css here
}

但是这总是返回true，因为iframe是＆lt; 768px;

Answer 1

使用@media only屏幕和（max-device-width：768）