responsivetest icon indicating copy to clipboard operation
responsivetest copied to clipboard

#iframe Width instead of 800 815

Open websupporter opened this issue 12 years ago • 2 comments

Hi, thanks for your nice tool. I am trying to test a webpage on this and I discovered a problem, which may need a solution:

OK: In my stylesheet I have defined media @media screen and (max-width: 800px) So I assume, these styles are executed, when I select the Tablet-Size of 800px in responsivetest. But they havent been executed.

I had a look into the tool and saw, that the div#iframe, in which the Iframe is shown is not 800px but 815px.

Via console, I found out that div#iframe.innerWidth is 813px. And also the #iframe > iframe has 813px.

I thought, maybe this is, because you add the scrollbar to the size or something, but anyway, my styles max-width:800px doesnt work. I tested in Firefox and Chrome.

First time, I post on github. I hope, this is the right location for reporting this issue. Maybe I am doing something wrong, but I don't understand this.

Thanks a lot.

websupporter avatar Jan 21 '14 08:01 websupporter

I can confirm this issue. It would be nice if this could be fixed.

Wendihihi avatar Mar 31 '15 00:03 Wendihihi

Hi, iframe are not showed t all in your tool, though they appear in real mobile phones

effidoc avatar Apr 26 '15 12:04 effidoc