有没有办法通过机器人框架中的 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>&nbsp; html,&nbsp; body {&nbsp; &nbsp; &nbsp; height: 100%;&nbsp; &nbsp; }&nbsp; &nbsp; body {&nbsp; &nbsp; &nbsp; margin: 0;&nbsp; &nbsp; }&nbsp; &nbsp; #webchat {&nbsp; &nbsp; &nbsp; height: 100%;&nbsp; &nbsp; &nbsp; width: 100%;&nbsp; &nbsp; }&nbsp; #webchat>* {&nbsp; &nbsp; font-size: 22px;&nbsp; }</style>希望得到帮助！

Answer 2

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