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

Owned by 内田吉則 (Unlicensed)
Last updated: 2022/01/24 by 清水勇輔 (Unlicensed)
1 min read

WHatyav2

質問

スマートフォンでチャットを表示させるとデザインが崩れてしまいます。どうすればスマートフォンに最適化されたサイズで表示されますか？

以下画面のように、スマートフォンでチャット画面を開いとき、全画面表示にはなっているが、デザインが全体的に小さくなってしまう場合がある。

解決策

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

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

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

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

 

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