jquery全屏顯示iframe，縮放頁面iframe高度自動變化
阿新 • • 發佈：2020-08-27
jquery全屏顯示iframe，縮放頁面iframe高度自動變化
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>測試環境</title> <style type="text/css"> * { margin: 0; padding: 0; list-style-type: none; } </style> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function () {var iframeHeight = function () { var _height = $(window).height(); $('#content').height(_height); } window.onresize = iframeHeight; $(function () { iframeHeight(); }); }); </script> <div id="container" style="overflow:hidden;"> <iframe border="0" id="content" src="http://www.qq.com/" frameborder="0" height="100%" width="100%"></iframe> </div> </body> </html>