javascript - Twitter-Bootstrap, iFrames and Viewport -


hope makes sense, couldn't understand why twitter-bootstrap loading in iframe on mobile not being responsive. until realized after alot of investigations, viewport size being reported parent page.

when use code on parent, size of viewport reported iframe changes , therefore bootstrap responds accordingly , works mobile. when remove it, page unreadable , zoomed out.

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

even though above code included in bootstrap theme in iframe, has no affect , seems viewport resize happens on parent page level, viewport not work inside of iframe?

which causes issue can never control goes on parent page ensure right viewport?

how 1 overcome issue?

this basic html iframe, see when visit site in iframe, though twitter-bootstrap, zoomed out

<html>     <head>         <title>page title</title>         <style>         </style>     </head>     <body>          <iframe style="width: 100%; height: 100%; max-width: 100%;" src="http://startbootstrap.com/"></iframe>      </body> </html> 


Comments

Popular posts from this blog

mysql - FireDac error 314 - but DLLs are in program directory -

git - How to list all releases of public repository with GitHub API V3 -

c++ - Getting C2512 "no default constructor" for `ClassA` error on the first parentheses of constructor for `ClassB`? -