0

アプリのページを作成したい。ヘッダーとフッターの高さは固定されており、残りの高さの 100% を満たすマップをその間に配置する必要があります。私は多くの解決策を試しましたが、成功しませんでした。ありがとうございます

更新私はこのようなものを使用したいと思います: http://polyetilen.lt/en/android-geolocation-application-demo-using-phonegap-jquery-mobile-and-google-maps しかし、jQuery なしでは、シンプルで短い CSS だけです.

4

2 に答える 2

0

ヘッダーとフッターの位置を固定し、マップの上下にヘッダー/フッターに合わせてパディングを付けます。box-sizing: border-box(およびベンダー プレフィックス) を使用して、高さを 100% に設定できます。

于 2013-05-22T14:49:09.547 に答える
0

これは、 jquery を少し使った簡単な例です。それはあなたに合うことができますか？

var contentHeight = $("#map").height();
var newHeight = $(window).height() - $("#header").height() - $("#footer").height();
if (contentHeight < newHeight)
{
    $("#map").css("height", newHeight + "px");
}
于 2013-05-22T14:51:48.790 に答える