jquery使用iframe和div标签调整大小

时间:2013-03-28 07:50:48

标签: jquery html resize

我正在阅读jquery-resize http://jqueryui.com/resizable/ 我有html页面有3个div标签和1个iframe - 比如

    

<link rel="stylesheet" type="text/css" href="/static/reset.css" />

<body class="site">
   <div id="mytag1">
    <iframe src="/some/path/" scrolling="no" frameborder="0"></iframe>
   </div>

   <div id="mytag2">

     <div id="mytag3">
     </div>
  </div>
</body>
</html>

我想允许用户调整div-id#mytag1中包含的iframe的大小 该怎么做?感谢您的帮助

1 个答案:

答案 0 :(得分:1)

使iframe适合包含它的div。因此,将其CSS样式属性widthheight设置为100%

然后设置div的大小并将其设为resizable()

这是您要找的东西:http://jsfiddle.net/PHbHN/