我想在iframe中加载一个响应式设计网站作为我网站的一个页面.但是,当它加载到iframe中时,该网站会失去响应能力.
以Mashable.com为例(内置响应式设计) - 我的代码如下所示:
<body>
<style>
body {width:100%;height:100%;margin:0;overflow:hidden;background-color:#252525;}
#iframe {position:absolute;left:0px;top:0px;}
</style>
<iframe id="iframe" name="iframe1" frameborder="0" width="100%" height="100%" src="http://mashable.com"></iframe>
</body>
如果您通过手机访问mashable.com,您将看到响应式设计的实际应用.但是,如果您在手机上访问上面的页面,则mashable的响应式设计无法正常运行.
有谁知道如何在div中加载网页并保持其响应式设计？
提前致谢!