Question

我对此非常陌生：我在wordpress网站上管理了一些内容，但这是我的知识范围。

我需要能够向客户展示展示我们网站的HTML代码：我们有一个计算器，可以在小容器中的其他网站上进行演示。

就是这样，它也可以作为iphone应用程序使用; http://vcfmcalculator.co.uk/calculate/：http://vcfmcalculator.co.uk/calculate/

我现在已经研究过并且可以使用iframe将网站呈现为缩小和缩放的容器，但是我也希望能够将其插入可调整大小的容器中。

我有一个iframe，我有一个可调整大小的容器，但不知道如何合并2！

这是我的可调整大小的容器：

<!DOCTYPE html> <html> <head><link f="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <style type="text/css">
    #resizable { width: 100px; height: 100px; background: silver; }
  </style>
  <script>
  $(document).ready(function() {
    $("#resizable").resizable();
  });
  </script>
</head>
<body style="font-size:62.5%;">

<div id="resizable"></div>

</body>
</html>

这是我的iframe：

<iframe style="background: #ffffff; border: 4px solid #36939b;" src="http://vcfmcalculator.co.uk/calculate/" height="600" width="400" frameborder="no" marginwidth="0" marginheight="0" scrolling="yes"></iframe>
<div>

可以这样做吗？

请保持简单，因为我不理解你的回复。

谢谢

Answer 1

使用bootstrap responsive也许这可以解决您的问题......

如何将网站页面添加到可调整大小的容器中

1 个答案: