Setting the size of the cesium container

CesiumJS
1

I’m trying to get the viewer to use the full height of the screen if when the window is not maximized but it seems like the cesium container div is trying to maintain a certain aspect ratio. If I make the window larger (but still not fully maximized) the container height increases but still doesn’t fill the screen until it looks like it meets that aspect ratio. In fact if I maximize the screen, then the height is too large and I get scroll bars. I can do some hacky stuff with window resize event listeners and code like

document.getElementsByClassName(‘cesium-widget’)[0].childNodes[0].height = window.innerHeight;

to manually resize the viewer but that seems dirty and you need to resize the window to trigger the event anyway. It doesn’t seem like the cesium container has any styles set by widgets.css either and firefox inspector doesn’t show it having any styles really at all. Here’s what it looks like. Lots of white space

1418×1280 474 KB

2

If anyone is curious I solved this with css

html{
height:100%;
}

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