有没有办法通过机器人框架中的 CSS 或 C# 来更改网络聊天中的字体大小？

Question

我希望使用微软机器人服务的网络聊天的字体大小相同。不同元素的默认字体大小不一样，这导致网络聊天看起来很奇怪。带有 ES5 polyfill 的全功能捆绑包，示例可以在这里找到： https: //github.com/microsoft/BotFramework-WebChat/tree/master/samples/01.b.getting-started-es5-bundle我尝试使用 css 更改字体大小*  {      font-size: 13px;    }但是，在我部署在服务器上托管聊天机器人的页面后，这种情况就不再成立。我想要的只是所有卡片和 texblock 的字体大小保持一致。

Answer 1

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

<style>

  html,

  body {

      height: 100%;

    }

    body {

      margin: 0;

    }

    #webchat {

      height: 100%;

      width: 100%;

    }

  #webchat>* {

    font-size: 22px;

  }

</style>

希望得到帮助！

Answer 2

事实证明，我们的网页存在一些缓存问题。修复此问题后，所有目标元素都会相应地设置样式。我们结合使用 styleOptions 和 CSS 来实现聊天窗口所需的外观和感觉。