To resolve the problem Microsoft Bot WebChat window / font not matching well in iPhone/iPad/Android phone, we need to add the following meta tag in the web page that hosts the WebChat.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Full example see this Link.