css - ステージキャンバスの親 div のスタイルを変更するには?

Question

kineticjsは、ステージキャンバスをラップする div コンテナーを生成します。ただし、この div の表示属性をに設定しますdisplay:inline-block。

ブラウザのスクロールバーなしでキャンバスを全画面表示にしたいです。ただし、display: inline-blockでは、常にスクロールバーが表示されます。

表示を自動に設定できれば、スクロールバーは消えます。

kineticjsによって生成された div の css スタイルを設定する方法はありますか?

前もって感謝します！

score 0 · Accepted Answer

数週間前に同じ問題がありました。また、キャンバスは常にフルスクリーンにスケーリングされるため、スクロールバーを表示したくありませんでした。完全なhtml/bodyをに設定することでこれを解決しましたoverflow:hidden;

my の完全な CSS html, body:

html, body{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
}

div を全画面表示に設定するには、幅と高さを 100% に設定するだけです。

#container{
    width: 100%;
    height: 100%;
}

最後に、ステージの幅と高さを次のように設定します。

width: window.innerWidth,
height: window.innerHeight

これで問題が解決することを願っています:)

css - ステージ キャンバスの親 div のスタイルを変更するには?