7

HTML5 Web アプリの 1 つで固定フッターを使用しました。IE10電話ブラウザーでは問題なく動作しますが、Webビューを使用してWP8エミュレーターで試してみると

mainBrowser.Navigate(new URi("http://jqtouch.rediffmailpro.com/iScroll/win8Example1.html",URiKind.Absolute));

底に隙間ができます。

どこかで読んで、メタタグを編集して高さを含めました。

<meta name="viewport" content="width=device-width, height=541 initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

隙間がなくなりました。ただし、高さが 541 のままであるため、向きを変更するとフッターが失われるため、これは良い考えではないと思います。複数のデバイスの高さが異なる可能性があるため、高さをどこにもハードコーディングしたくありません。

css のビューポートの高さが正しく設定されていないようです。私はbottom:0;を使用しています。位置:絶対; フッターを修正します。position:fixed も試しました。

参照リンクは次のとおりです: WP8 Scroll Demo

助けてください。

4

1 に答える 1

0

iscroll4 を使用し、css でいくつかのメディア クエリを使用します。

@media screen and (orientation: portrait) {
  @-ms-viewport {
    width: 320px;
    user-zoom: fixed;
    max-zoom: 1;
    min-zoom: 1;
  }
}

@media screen and (orientation: landscape) {
  @-ms-viewport {
    width: 480px;
    user-zoom: fixed;
    max-zoom: 1;
    min-zoom: 1;
  }
}

これは、Windows Mobile 8 Phone で正常に動作します。ここにデモがあります: http://jqtouch.rediffmailpro.com/iScroll/win8Example.html

于 2013-06-10T07:13:42.887 に答える