fancybox plugin 自適應iframe內容尺寸 fancybox iframe auto width height
本篇使用 jquery-1.11.0 & fancyBox-v2.0.6 請先確認您的版本
jQuery代碼如下，主要是為fancybox加上beforeShow事件的callback，在iframe頁面載入後去抓其內容的寬度及高度。
重點在這 – iframe中的頁面一定要定義其 <html>及<body>的寬度、高度，高度可設為auto
範例如下，將下列代碼置於<head>及<body>中間，父頁面才有辦法去抓到頁面的寬度，以設定ifreme的尺寸
<style type=”text/css”>
/* iframe 頁面 */
html,body{
margin:0;
padding:0;
width:700px;
height:auto;
}
</style>
