iFrame和媒体查询问题

我对iFrame中内容的媒体查询中的样式有问题。 我有一个iFrame嵌入在我们的网站中。我们有iFrame中内容的样式。我的iFrame宽度是480px。我有一个媒体查询@media screen（最大宽度：480px），我正在向iFrame中的内容添加样式

问题是，在桌面浏览器中打开宽度为1900px的页面时（如果框架大小与480px相同），将应用最大宽度为480px的媒体查询内的样式。但是，当我在iPad上打开同一页时，它没有考虑媒体查询的iFrame宽度，而是采用屏幕宽度和768px宽度的媒体查询样式

---

据我所知，它必须采用iFrame宽度，并且必须呈现iFrame宽度媒体查询样式，因为iFrame包含整个html页面。请告诉我如何解决iPad问题。

iframe的宽度也取决于视口，因此请尝试如下设置：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0;" />

此外，如果你想针对一个特定的设备，比如iPad，并且在iFrAME中有内容，你可以考虑使用MIN设备宽度来确定你的iFrAME是否在一个特定的设备中。p>