文章/答案/技术大牛

发布

社区首页 >问答首页 >聊天机器人在网页上的动态高度和宽度

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

Stack Overflow用户

提问于 2019-02-22 12:14:48

回答 1查看 229关注 0票数 0

有一个聊天机器人，它的高度和宽度需要在网页上动态改变。聊天机器人在python上。使用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>

html

chatbot

jquery

css

回答 1

Stack Overflow用户

发布于 2019-02-22 13:39:38

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

jsFiddle

有关它的更多信息，请阅读here。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54819975

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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