Question

有些聊天机器人的高度和宽度需要在网页上动态更改。 chatbot在python上。使用html代码段，我们在网页上调用该函数以启动聊天机器人。我需要一个HTML或CSS代码来使chatbot窗口的高度和宽度动态化。在下面，我共享了一个小片段代码，在其中我调用了该函数以在tag下启动它。我应该如何使高度和宽度动态变化。请帮忙。

<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>

Answer 1

您可以尝试在脚本中使用document.body.clientWidth和document.body.clientHeight来获取屏幕尺寸，然后根据要考虑的比率/百分比来计算宽度。

jsFiddle

详细了解here。

网页上聊天机器人的动态高度和宽度

1 个答案: