2013-10-03 31 views
0

我真的很陌生:我在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> 

才能做到這一點?

請保持這個簡單,因爲我不明白你的答覆。

謝謝

回答

相關問題