-1

HTML ファイルを使用したアプリケーションを開発しています。私のアプリケーションでは、あるアクティビティでタイトル バーを有効にしました。このアクティビティでは、HTML ファイルを webview に読み込んでおり、HTML ページがエミュレータ画面に収まっています。別のアクティビティでは、タイトル バーを非表示にし、このアクティビティに同じ HTML ファイルをロードしました。2 番目のケースでは、画面の下部にスペースがあります。誰でもこの問題の解決策を教えてもらえますか? 前もって感謝します。

4

2 に答える 2

0

あなたの質問の問題は、それが無関係だということです。

違いがないため、1 つの HTML ファイルをさまざまな画面サイズに使用できます。ここで重要なのは CSS です。

画面サイズごとに 1 つずつ、複数の css スタイルシートを定義し、javascript を定義して、画面サイズをリッスンすることができます。

ただし、モバイル バージョン (非常に小さい画面) を作成しない場合は、相対位置とパーセンテージ幅を使用して流動的な CSS レイアウトを使用する必要があります。

画面サイズに応じて変化する流動的な動的レイアウトの超基本的な簡単な例は次のとおりです。

HTML

<html>
  <body>
   <div id="first"></div>
   <div id="second"></div>
  </body>
</html>

CSS

html, body {
  width: 100%;
}
#first {
  float: left;
  width: 50%;
  background: #eee;
}
#second {
  float: right;
  width: 50%;
  background: #ccc;
}
于 2013-04-21T07:45:31.253 に答える