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

WHATYAV2

質問

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

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

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

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

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

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

こちらのmetaタグを指定する事で、最適化されたデフォルトのデザインで表示されます。