Html Madia查询在iframe中不起作用

我有一个HTML页面，其中包含一个

iframe

元素，它占据了窗口宽度的100%。在

iframe

的HTML和CSS中，我尝试使用媒体查询，但它们似乎不起作用

我在

iframe

标记的

标题中包括了以下内容：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

或

或

如果我尝试在正常页面中使用此代码，而不使用
iframe
，则效果很好

如果媒体查询不起作用，即使在
iframe
中？
好的，我有两把小提琴给你

这有I帧和媒体查询：

这一个有你
iframe
：

请注意，当iframe中的视口低于
300px

我不知道你的具体问题，所以我会给你一个大致的答案，不过，请留下任何问题的评论，我会尝试为你回答这些问题
你的目标是什么？浏览器的宽度或Iframe的宽度？Iframe是浏览器的100%宽度。您的.html或Iframe中的媒体查询也是如此。html@HunterTurner这不是您共享的链接的DUP，OP我打赌是有一个完全不同的问题。你的代码不工作-我在移动IE 11中打开它-背景不工作changed@p0mian你在调整哪个窗口的尺寸？浏览器还是iframe？刚刚在ie11中测试过，它工作正常。我正在移动设备上打开它-microsoft lumia-浏览器更小：）也许我的移动浏览器坏了
@media (max-device-width: 500px) {...}

@media only screen and (max-device-width: 500px) {...}

@media only screen and (max-width: 500px) {...}