I need a responsive HTML Structure as an iframe

Question

I built an HTML page to display it as an iframe and on desktop everything works fine. Now I would like to make it responsive and transform the layout of the content via media queries. I don't know what is going on but the HTML element keeps a width of 960px. I used Atom and it gave me a HTML structure that I used for a simple test.

<!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>

I use the dev tools of Chrome to test the responsive layout and I set the width of the window to 360px but the HTML document keeps at 960px. I cant understand what's going on here. Please help me and thank you.

i hope it will be use full for you. https://stackoverflow.com/q/32429655/12133934 — chandu komati, Oct 17 '19 at 06:41
If you have CORS access you can use `contentWindow.document` to get the iframe content document. — StackSlave, Oct 17 '19 at 06:44

score 0 · Answer 1 · answered Oct 17 '19 at 06:38

0

thx @sao for spending your time to editing my post at first. But does realy noone had any thoughts in this Case?

answered Oct 17 '19 at 06:38

OhmtaXs

5
1

score 0 · Accepted Answer · answered Oct 17 '19 at 06:42

0

I don't know if this is related anywhere to your question. Refer this once if it helps.

Discussed issue here.

answered Oct 17 '19 at 06:42

rey

146
2
12

Thank you for your answer. I needed to beet me trough the posts but I found what I needed^^ The right answer for my Problem is: I or Atom forgot that dam Tag in the Head Now my html structure is ready for my responsive iframe. Thanks alot again @Revanth – OhmtaXs Oct 18 '19 at 06:44
Good that you got the error cleared :) Have a good one mate @user11631482 – rey Oct 18 '19 at 08:33

I need a responsive HTML Structure as an iframe

2 Answers2