iframe和媒体查询问题(iFrame and media query issue)

我有一个内部媒体查询的样式里面的iFrame内容的问题。 我有嵌入在我们的网站的iFrame。 我们有一个内部的iFrame内容的样式。 我的iFrame的宽度为480像素。 我有一个媒体查询@media屏幕（最大宽度：480像素），在这里面我加入样式里面的iFrame的内容。

问题是，在大小1900px宽的桌面浏览器，（iFrame的大小是一样的480像素）打开页面时，最大宽度的媒体查询里面的样式：480像素是越来越应用。 但是，当我在iPad上打开同一网页的不考虑媒体查询的iFrame的宽度和拍摄画面宽度和应用768px宽度媒体查询样式。

按我的知识，它采取的iFrame宽度和iframe宽度媒体查询方式已经被渲染，因为iFrame中包含整个HTML页面。 请让我知道如何解决iPad的问题。

Answer 1:

iframe的宽度也依赖于视，所以尝试设置是这样的：

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

此外，如果您想针对特定的设备，比如iPad，你必须在你可以考虑使用最小的设备宽度来确定，如果你的iframe是一个特定装置中的iframe内容。

文章来源: iFrame and media query issue