2

ウェブサイトがスタンドアローンかphpではないかを検出できないため、javascriptで行いました。白い div ですべての Web サイトを非表示にし、その中にアプリをホーム画面に追加するという短い文を書きたいと思いました。（テスト中に赤くしました）。

<div style="width:100%;height:100%;" ></div>もちろん、本文と html も 100% で試しました。しかし、ページの右と下に空白がありました。（スクロールバー用だったと思います）。

次に、幅と高さを 110% に設定し、本文と html のオーバーフローを非表示に設定しました。しかし、うまくいきませんでした。(overflow:hidden in iPhones の問題)。

次に、div のサイズをデバイスのサイズ (メディア クエリを使用) に設定したかったのですが、縦向きから横向きに切り替えると、サイズは同じままで、div は拡大しません。

誰かがこれを行う方法を教えてもらえますか? （おそらくjavascriptを使用してクラスを変更します）

4

3 に答える 3

2

body のすぐ下に div を配置するだけです。

<body>
    <div id="myDiv"></div>
</body>

CSS:

#myDiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

これにより、div が画面と同じ大きさになります。

于 2012-06-02T17:28:19.787 に答える
2

次のスタイルを使用できます。

​div {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 100000;
}​

ボディスクロールバーを非表示にする必要がある場合は、追加するだけです

body {
    overflow: hidden;
}

デモ: http://jsfiddle.net/MJAAU/ </p>

于 2012-06-02T17:28:33.233 に答える
0

使用位置:固定、幅:100%; & height:100% その div & の高さと幅 & html & body 100% を安全な側にします。これが役立つと思います。

于 2012-06-02T17:43:07.767 に答える