时间戳

首页 > 解决方案 > 有没有办法通过 bot 框架中的 CSS 或 C# 更改 webchat 中的字体大小？

c# - 有没有办法通过 bot 框架中的 CSS 或 C# 更改 webchat 中的字体大小？

问题描述

我希望使用 microsoft botservices 的 webchat 中的字体大小相同。不同元素的默认字体大小不一样，导致网络聊天看起来很奇怪。

带有 ES5 polyfills 的全功能包可以在这里找到示例： https ://github.com/microsoft/BotFramework-WebChat/tree/master/samples/01.b.getting-started-es5-bundle

我尝试使用 css 更改字体大小

*  { 
    font-size: 13px;
   }

但是，在我部署了在服务器上托管聊天机器人的页面后，这并没有成立。

我想要的只是字体大小在我所有的卡片和 texblocks 中保持一致。

标签： c#botframeworkazure-bot-serviceweb-chat

解决方案

您不需要通过 styleOptions 更改字体大小。您可以通过 CSS 更改网络聊天元素及其所有子元素来简单地做到这一点，如下所示：

<style>
  html,
  body {
      height: 100%;
    }

    body {
      margin: 0;
    }

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

  #webchat>* {
    font-size: 22px;
  }
</style>

希望有帮助！

推荐阅读