iPhoneだけbottomのmarginが効かない？フッターに付くナビゲーションバー分だけ差し引く

iOS（iPhone/Mac/iPad）ブラウザで見たときだけ、bottomのmarginが効いてないの・・・

おそらく、一番下のフッターまでスクロールしたときに、下からピョンと出てくるナビゲーションバー？制御ボタン？みたいなのが被さってしまっているんだと思うけど、どうしたらいい？

以下のCSSコードを追加してください↓

margin-bottom:calc(env(safe-area-inset-bottom));

これで、ナビゲーションバー分のスペースを開けることができます。

もっと余白を追加する場合は、以下のようにします↓

margin-bottom:calc(3em + env(safe-area-inset-bottom));