LINEミニアプリのセーフエリア

ノッチがある端末でもLINEミニアプリのすべてを表示するために、CSSを使ってLINEミニアプリをセーフエリアに収めることを推奨します。 LINEミニアプリでは、ノーマルモードとランドスケープモードの両方をサポートします。ノーマルモードとランドスケープモードでは、必要なセーフエリアが異なります。

具体的には、LINEミニアプリのページのpaddingを、以下のように設定します。

ノーマルモードの場合

paddingの例：

text

{
  padding-bottom: 34px;
}

paddingの例：

text

{
  padding-right: 44px;
  padding-bottom: 21px;
  padding-left: 44px;
}