小编dee*_*pak的帖子

如何将iframe高度和宽度设置为100%

我需要做以下事情:

我有一个70px的标题内容和一个包装器的iframe.iframe的高度和宽度必须设置为100%而不滚动,除了加载内容时身体的滚动和内容的大小更多.
iframe的内容是来自同一域的另一个HTML页面.iframe还需要根据响应式HTML页面进行扩展.

任何人都可以帮忙吗？

我不能用的东西:

位置:固定;(主要是由于我用于侧边栏的脚本

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Bus Management System</title>
    <!-- Viewport meta tag to prevent iPhone from scaling our page -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">


     <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>

     $(function(){

            var iFrames = $('iframe');

            function iResize() {

                for (var i = 0, j = iFrames.length; i < j; i++) {
                  iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
                }

                if ($.browser.safari || $.browser.opera) { 

                   iFrames.load(function(){
                       setTimeout(iResize, 0);
                   });

                   for (var i = 0, j = …

Run Code Online (Sandbox Code Playgroud)

html javascript css iframe jquery

dee*_*pak

2014 04-12

13
推荐指数

3
解决办法

5万
查看次数