3

私は、ページに応じてすべての要素を拡大するためにページを必要とするプロジェクトに取り組んでいます (好奇心のために: XBMC スキンから html を生成します)。

ウィンドウモードで動作するスケーリング

Chrome フルスクリーン モードで動作するスケーリング

HTML5 requestFullScreen でスケーリングが機能しない (黒いスペースに注意してください)

今私が抱えている問題は、Chrome でフルスクリーン リンクを使用すると、ボディが拡大されないことです (ちょうどView -> Enter FullScreen.-Webkit-Transform: scale(x, y)

コード: http://jsfiddle.net/rCLxG/

結果: http://fiddle.jshell.net/rCLxG/show/light/

前もって感謝します!

4

2 に答える 2

2

同様の問題がありました。要素をフルスクリーンにすると、そのスケールが無視されるように見えます(フルスクリーンにした後にスケールを設定しようとしましたが、まだ機能しません)。解決策は、スケーリングされていない追加のラッピング ブロックを作成し、全画面表示に設定することです。

#fsdiv を全画面表示にしたとき、これは機能しませんでした (全画面表示では拡大されませんでした):

<div id="fsdiv" style="transform:scale(5);transform-origin: left top;">
  Hi there!
</div>

これはうまくいきました:

<div id="fsdiv">
  <div style="transform:scale(5);transform-origin: left top;">
    Hi there!
  </div>
</div>
于 2021-06-06T10:22:43.290 に答える
1

を使用して修正

        document.body.webkitRequestFullScreen();

それ以外の

    document.getElementById("MediaCenter").webkitRequestFullScreen();

要素で webKitRequestFullScreen を使用すると、外側の要素 (ボディなど) に適用された CSS の一部が機能しないようです。この動作に関するドキュメントは見つかりませんが、何か見つかったらこの回答を更新し続けます

于 2012-06-04T13:26:21.287 に答える