На веб-странице есть чат-бот, высота и ширина которого должны динамически изменяться.Чатбот на питоне.Используя HTML-фрагмент, мы вызываем функцию на веб-странице, чтобы запустить чат-бота.Мне нужен HTML или CSS код, чтобы сделать динамическую высоту и ширину окна чата.Ниже я поделился небольшим фрагментом кода, где я вызываю функцию, чтобы инициировать ее под тегом.Как мне сделать динамические высоту и ширину.Пожалуйста, помогите.
<html>
<header><title>This is title</title></header>
<body bgcolor="#FFFFF">
Hello world
</body>
<script defer>
function loadChatWidget() {
chatteron.init({
clientID : "",
bubbleUrl: "",
theme : {
bubble: {
width: 80,
right : 10,
bottom : 22,
},
},
height: 500
});
}
</script>
<script defer src="" onload="loadChatWidget();">
</script>
</html>