【WhatYa】スマートフォンでチャットを表示させるとデザインが崩れている

WHATYAV2

質問

スマートフォンでチャットを表示させたるとデザインが崩れている

スマートフォンでチャット画面を開いとき、全画面表示にはなっているが以下画面のようにデザインが全体的に小さくなってしまっている。どうすればスマートフォンに最適化されたサイズで表示されるか？

これは、WhatYaのタグを埋め込んだサイトに以下のmetaタグが指定されていない為、発生します。

WhatYaのタグを埋め込むサイトは、前提として以下のタグも埋め込んで下さい。

<meta name="viewport" content="width=device-width, initial-scale=1" /><meta charset='utf-8' />

※<meta charset='utf-8' />は文字化け防止の為、指定。

このmetaタグを指定する事で、スマートフォンでみたときに画面幅を取得した
デフォルトのサイズで表示されます。