Javascript iframe高度为iphone中容器的100%。这是不可能的吗？_Javascript_Iphone_Css_Iframe_Height

Javascript iframe高度为iphone中容器的100%。这是不可能的吗？

javascript iphone css iframe

Javascript iframe高度为iphone中容器的100%。这是不可能的吗？,javascript,iphone,css,iframe,height,Javascript,Iphone,Css,Iframe,Height,我正在尝试google.maps iframe使用所有高度和宽度尝试使用CSS iframe{min-width:100%;height: 100%;min-height: 2000px;overflow:auto;} 即使使用jquery $(document).ready(function() { alert($('#contenido').height()+'altura contendio'); alert($('#contenedor').height()+'altur

我正在尝试google.maps iframe使用所有高度和宽度

尝试使用CSS

iframe{min-width:100%;height: 100%;min-height: 2000px;overflow:auto;}

即使使用jquery

$(document).ready(function() {
   alert($('#contenido').height()+'altura contendio');
   alert($('#contenedor').height()+'altura contenedor');
   alert($('iframe').height()+'altura iframe');
   $('iframe').css('height',$('#contenido').height()+'px');
   alert($('iframe').height()+'altura iframe');
});

或

警报大约是4254

以防万一#contenido CSS是

#contenido
{
    width: 100%;
    height:100%;
    display:block;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;

}

有什么想法吗？这让我发疯了…：(

差点忘了，HTML（我会把它全部粘贴，以防万一）


lich-t//KONTAKT
康塔克

请参见作者所写：

html和body标记必须设置为height:100%；这允许我们稍后在容器分区上设置一个百分比高度删除了body标签上的边距和填充，因此没有空格围绕页面的参数

如上所述，您必须专门设置

html

和

body

标记的

height

（我知道，这一点并不明显）：

请告诉我它是否适用于您。

如果框架对于页面布局来说已经过时了。永远不要用它们代替好的CSS布局，即使基于表格的布局也更好。

此外，它将在将来停止使用，我强烈建议您在中使用其他类似ajax的东西。

您也可以发布HTML吗？这可能与

或

大小有关吗？如果您想查看live:已从html5停止使用，当然在更新的webkit版本中将不可用，我强烈建议您使用y但是我如何使用ajax来显示google maps iframe呢？欢迎来到未来的body和html已经是这样了（如果你愿意，可以在我的其他评论链接中查看完整的CSS。@Tony Michel Caubet:那么请参考和。你尝试过复制和粘贴代码吗？他没有使用iframe进行布局-他使用它来引入嵌套的浏览上下文。说基于表的布局更好是荒谬的-iframe不是CSS的替代品。Iframes是HTML5规范的一部分，没有理由相信它们会被终止。

#contenido
{
    width: 100%;
    height:100%;
    display:block;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;

}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>lich-t // KONTAKT</title>
                <meta name="viewport" content="width=device-width" />
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" media="all and (max-device-width: 320px)" href="iphone3.css" />
        <link rel="stylesheet" media="all and (max-device-width: 640px)" href="iphone4.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
                <script type="text/javascript" src="js/dropDown.js"></script>
    </head>
    <body class="kontakt_map">


            <div id="head" class="section"><a href="index.html"><img src="img/logo_small.png" alt="lich-t" id="logo_small" /></a><h3><a href="locations.html"></a>KONTAKT</a></h3></div>
            <div id="contenedor"><div id="contenido">
                <iframe frameborder="0" scrolling="no" height="750" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Calle+de+Blanquerna,+Palma,+Espa%C3%B1a&amp;aq=0&amp;sll=39.470059,2.72006&amp;sspn=0.010121,0.022724&amp;vpsrc=6&amp;ie=UTF8&amp;hq=&amp;hnear=Carrer+de+Blanquerna,+Palma,+Illes+Balears,+Spain&amp;ll=39.580489,2.649422&amp;spn=0.023153,0.036478&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
                <div id="panel" class="floating_right">
                    <ul class="right floating">
                        <li><a href="#"><img src="img/location_azul.png" alt="Westlich-t" /></a></li>
                        <li><a href="#"><img src="img/location_rosa.png" alt="Sudlich-t" /></a></a></li>
                        <li><a href="#"><img src="img/location_naranja.png" alt="Sudlich-t" /></a></a></li>
                    </ul>
                </div>

            </div>
    </div>  



    </body>
</html>

html, body {
    height: 100%;
}