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

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

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

• ノーマルモードの場合
• ランドスケープモードの場合

ノーマルモードの場合

• 下：34px

paddingの例：

{
  padding-bottom: 34px;
}

ランドスケープモードの場合

• 左右：44px
• 下：21px

paddingの例：

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