[解決済み] divをフルスクリーンにするには？

2023-07-25 01:10:13

質問

私はフローティングを使っていますが、ボタンをクリックするとこのグラフがフルスクリーンで表示される（モニタの全領域を占める）のは素晴らしいことだと思っていました。現在、私の div は次のとおりです。

<div id="placeholder" style="width:800px;height:600px"></div>

もちろん、style属性はあくまでテスト用です。これを CSS に移動させます。この div をフルスクリーンにして、すべてのイベント処理を維持する方法はありますか?

フルスクリーンとは、コンピュータの全画面表示のようなものでしょうか。それとも、ブラウザの全領域を占めるようなものでしょうか。

ユーザーを強制的にフルスクリーンにすることはできません。 F11 ; しかし、以下のCSSを使用することで、divをフルスクリーンにすることができます。

div {width: 100%; height: 100%;}

これはもちろん、あなたの div が <body> タグの子であると仮定します。そうでない場合は、上記のコードに加え、以下を追加する必要があります。

div {position: absolute; top: 0; left: 0;}