我需要一个响应式 HTML 结构作为 iframe

Question

我构建了一个 HTML 页面以将其显示为 iframe，并且在桌面上一切正常。现在我想让它响应并通过媒体查询转换内容的布局。我不知道发生了什么，但 HTML 元素保持 960 像素的宽度。我使用了 Atom，它给了我一个 HTML 结构，我用它来进行简单测试。

<!DOCTYPE html>
<html lang="de" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>Viewport Test</title>
        <style media="screen">
            body {
                text-align: center;
            }
        </style>
    </head>
    <body>
        <span>TEST</span>
    </body>
</html>

我使用 Chrome 的开发工具来测试响应式布局，并将 window 的宽度设置为 360px，但 HTML 文档保持在 960px。我不明白这是怎么回事。请帮助我，谢谢。

Answer 1

thx @sao 一开始花时间编辑我的 post。但是真的没有人对这个案例有任何想法吗？

Answer 2

我不知道这是否与您的问题有关。如果有帮助，请参考一次。

已讨论问题 here。

我需要一个响应式 HTML 结构作为 iframe

I need a responsive HTML Structure as an iframe

html

iframe

responsive-design