Question

我在Markeo（营销自动化软件工具）中创建了一个响应式登陆页面。以下是Marketo提供的网址：http://info.onvia.com/responsive.html

我想要做的是在我的网站（www.Onvia.com）上显示该网址并让它仍然具有响应性。我认为是创建iFrame并从Marketo引入该URL的唯一方法。我的问题是，当该网址被带入iFrame时，它并不像移动电话那样响应。我仍然需要放大才能看到内容。

这是我的傻瓜：http://jsfiddle.net/huskydawgs/3LAat/334/

HTML：

<div class="container">
<div class="h_iframe">
    <iframe  src="http://info.onvia.com/responsive.html" frameborder="0" allowfullscreen></iframe>
</div>

CSS：

html,body        {height:100%; margin:0;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%; margin:0;}

Answer 1

您可以使用此代码

iframe, object, embed {
    max-width: 100%;
}

Answer 2

Try to use the following code

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    html, body { height: 100vh; }
    iframe {
      height:350%;
      width:100%;
  </style>
</head>
<body>
  <iframe src="http://info.onvia.com/responsive.html" frameborder="0"></iframe>
</body>
</html>

创建响应式iFrame

2 个答案: