Dynamisch Größe der Größe eines GeoGebra -Applets zum Füllen eines ansprechenden Containers ⇐ CSS

[Anonymous]

https://jsfiddle.net/ab7etkco/4/






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





var params = {
appName: "graphing",
width: 800,
height: 600,
showToolBar: true,
showAlgebraInput: true,
showMenuBar: true,
}
var applet = new GGBApplet(params, true)
window.addEventListener("load", function () {
applet.inject("ggb-element")
updateGGBAppletSize()
})
window.addEventListener("resize", updateGGBAppletSize)
function updateGGBAppletSize() {
const wrapperDiv = document.getElementById("wrapperDiv")
const width = wrapperDiv.offsetWidth
const height = wrapperDiv.offsetHeight

ggbApplet.setSize(width, height)

console.log(width, height)
}






< /code>
Ich habe versucht, Breite und Höhe auf 100% festzulegen und dann die Größe von SetSize zu verwenden, um die Größe basierend auf der entsprechenden Offset -Dimension vom WraperDIV einzustellen. Die Breite skaliert richtig, während die Höhe nicht der Fall ist. Ich habe auch versucht, GetBoundingClientRect zu verwenden. Das gleiche Problem tritt jedoch auf.>