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
Post a Comment