漂亮的網頁,真的好難做。
就連iframe要自動調整高度,網路上就一堆解法。
用 google 查詢 iframe auto height 就有一堆網頁教你如何做。
多數有用的,就是用 javascript 來解決的。
而我用了 jquery,也有人包好了一個懶人包,
http://www.lost-in-code.com/programming/jquery-auto-iframe-height/
下載他的 plug-in,裝好,把 iframe 加入 class="autoHeight" 就好。
http://lib.mobius.tw/jquery/myplugin/iframe_autoHeight/autoHeight.js
還可以,不過對我來說,有時候會跑出右邊的 scroll bar,我自己手動加了一些些高度。還不是非常完美。
如果你想跟我一下,用 jQuery 加 class 的話,要在 $(document).ready 加入,
在$(window).load 加的話,在測試的時候是正常的,但正式上線後卻是不會自動調整。
<!—失敗-->
<script type="text/javascript">
$(window).load(function(){
$('iframe').attr("class","autoHeight");
$('iframe').attr("width","100%");
});
</script>
<!—成功-->
<script type="text/javascript">
$(document).ready(function(){
$('iframe').attr("class","autoHeight");
$('iframe').attr("width","100%");
});
</script>