0

背景: 既存の Web アプリケーションを Windows Phone 7 用に変更しようとしています。私の開発環境は Microsoft Visual Studio 2010 Premium で、Windows Phone SDK 7.1 をインストールしました。私の Web アプリケーションには、HTML と CSS のみが含まれています。エミュレーターの Web ブラウザーは Internet Explorer Mobile 9 です。

問題: Web ページを全画面表示することができません (幅は問題ありませんが、ページの高さは表示領域の約 80% にすぎず、残りの 20% は真っ白に表示されます。

たとえば、ページの背景画像を取得して、ページ全体に表示しようとしました。

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-control" content="no-cache" />
    <title>index</title>
    <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 500px)" href="mobile.css" />          
  </head>

  <body>
    <img src="background2.jpg" id="bbg" alt=""/>
  </body>

</html>

以下は mobile.css です。

#bbg {
  position:fixed; 
  top:0; 
  left:0; 

  /* Preserve aspet ratio */
  min-width:100%;
  min-height:100%;
}

サンプル出力

どうすればこれを修正できますか? 何か案は？？

編集（解決策）
ファビアンが受け入れられた回答で述べたように、マークアップに追加する必要があったのは次のとおりです。

<meta name="Viewport" content= "height= device-height; user-scaleable=no; initial-scale=1.0" />
4

2 に答える 2

2

メタビューポートタグを適切に設定してみてください。これらは、ブラウザウィンドウ内のページのスケーリングを制御します。

それでも問題が解決しない場合は、背景画像をデバイスの解像度（800x480px）に設定して、問題が解決するかどうかを確認してください。

于 2013-01-14T06:53:19.803 に答える
-1

xamlファイルでshell：SystemTray.IsVisible="False"を指定していないことが原因である可能性があります。

<phone:PhoneApplicationPage 
    ....
    shell:SystemTray.IsVisible="False">
...

このコードは、標準のWindowsPhoneSilverlightアプリの上部の「ステータスバー」を削除します

于 2013-01-14T09:09:36.277 に答える