Question

我建立了一个HTML页面，将其显示为iframe，并且在桌面上一切正常。现在，我想使其响应并通过媒体查询来转换内容的布局。我不知道发生了什么，但是HTML元素保持960px的宽度。我使用了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的开发工具来测试响应式布局，并将窗口的宽度设置为360px，但HTML文档保持在960px。我不明白这是怎么回事。请帮助我，谢谢。

Answer 1

thx @sao，首先花费您的时间来编辑我的帖子。但是，真的没有人对此案有任何想法吗？

Answer 2

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

已讨论的问题here。

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

2 个答案: