(The title may not be proper but I try my best to phrase it)
Description: I forward a domain(a.com) to another domain(b.com/a) in my domain registrar. To make sure that the user see a.com on the browser URL bar, I enable domain masking for it.
However, I discover that the domain masking in fact using an iframe trick to include b.com/a path from a generated HTML located at a.com by the domain registrar.
<html>
<head>
<title>a.com</title>
</head>
<body>
<iframe src="http://b.com/a/index.html"></iframe>
</body>
</html>
I have no problem with the iframe, but since pages located at b.com/a (e.g. index.html) are targeted for mobile device (iphone), it has the following meta tags:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<meta name="apple-touch-fullscreen" content="YES" />
Without the viewport/full screen setting in the external wrapping HTML (although it is in the iframe html page), those pages will not show in full screen on load.
Exact Question: Any way for me to make the viewport/full screen setting in an iframe work in such situation?