Home
%3CLINGO-SUB%20id%3D%22lingo-sub-755876%22%20slang%3D%22en-US%22%3EMicrosoft%20Bot%20WebChat%20window%20%2F%20font%20not%20matching%20well%20in%20iPhone%2FiPad%2FAndroid%20phone%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-755876%22%20slang%3D%22en-US%22%3E%3CP%3ETo%20resolve%20the%20problem%26nbsp%3BMicrosoft%20Bot%20WebChat%20window%20%2F%20font%20not%20matching%20well%20in%20iPhone%2FiPad%2FAndroid%20phone%2C%20we%20need%20to%20add%20the%20following%20meta%20tag%20in%20the%20web%20page%20that%20hosts%20the%20WebChat.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%20%26lt%3B%3CSPAN%3Emeta%3C%2FSPAN%3E%3CSPAN%3Ename%3C%2FSPAN%3E%3D%3CSPAN%3E%22%3C%2FSPAN%3E%3CSPAN%3Eviewport%3C%2FSPAN%3E%3CSPAN%3E%22%3C%2FSPAN%3E%3CSPAN%3Econtent%3C%2FSPAN%3E%3D%3CSPAN%3E%22%3C%2FSPAN%3E%3CSPAN%3Ewidth%3Ddevice-width%2C%20initial-scale%3D1.0%3C%2FSPAN%3E%3CSPAN%3E%22%3C%2FSPAN%3E%26gt%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EFull%20example%20see%20this%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fmicrosoft%2FBotFramework-WebChat%2Fblob%2Fmaster%2Fsamples%2F01.a.getting-started-full-bundle%2Findex.html%23L5%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3ELink%3C%2FA%3E.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-755876%22%20slang%3D%22en-US%22%3E%3CP%3ETo%20resolve%20the%20problem%26nbsp%3BMicrosoft%20Bot%20WebChat%20window%20%2F%20font%20not%20matching%20well%20in%20iPhone%2FiPad%2FAndroid%20phone%2C%20we%20need%20to%20add%20the%20following%20meta%20tag%20in%20the%20web%20page%20that%20hosts%20the%20WebChat.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%20%26lt%3B%3CSPAN%3Emeta%3C%2FSPAN%3E%3CSPAN%3Ename%3C%2FSPAN%3E%3D%3CSPAN%3E%22%3C%2FSPAN%3E%3CSPAN%3Eviewport%3C%2FSPAN%3E%3CSPAN%3E%22%3C%2FSPAN%3E%3CSPAN%3Econtent%3C%2FSPAN%3E%3D%3CSPAN%3E%22%3C%2FSPAN%3E%3CSPAN%3Ewidth%3Ddevice-width%2C%20initial-scale%3D1.0%3C%2FSPAN%3E%3CSPAN%3E%22%3C%2FSPAN%3E%26gt%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EFull%20example%20see%20this%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fmicrosoft%2FBotFramework-WebChat%2Fblob%2Fmaster%2Fsamples%2F01.a.getting-started-full-bundle%2Findex.html%23L5%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3ELink%3C%2FA%3E.%3C%2FP%3E%3C%2FLINGO-TEASER%3E
Microsoft

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.