Как изменить стиль родительского div холста сцены?

Question

kineticjs создает контейнер div, чтобы обернуть холст сцены. Но он устанавливает атрибут отображения div как display:inline-block.

Я хотел бы, чтобы холст отображался в полноэкранном режиме без полосы прокрутки в браузере. Но с display: inline-block всегда отображается полоса прокрутки.

Если я могу настроить отображение в автоматическом режиме, полоса прокрутки исчезнет.

Есть ли способ установить стиль css для div, созданного kineticjs?

Заранее благодарен!

Answer 1

У меня была такая же проблема несколько недель назад. Я также не хотел, чтобы полосы прокрутки были видны, потому что мой холст всегда масштабируется до полноэкранного. Я работал на это, установив полный HTML/тело overflow:hidden;

Полный 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 

Надеюсь, это может как-то решить вашу проблему :)