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

【问题标题】：How can i add a website page to resizable container如何将网站页面添加到可调整大小的容器
【发布时间】：2013-10-03 15:46:43
【问题描述】：

我对此真的很陌生：我在 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>

这个可以吗？

请保持简单，因为我无法理解您的回复。

谢谢

【问题讨论】：

标签： html iframe containers resizable

【解决方案1】：

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

【讨论】：