PWAのヘッダーや下部ボタンが端末の表示と重なるのはなぜですか？
回答
ノッチ、ステータスバー、ホームインジケーターなどのセーフエリアをCSSで考慮していない可能性があります。
viewport-fit=coverを使う場合は、safe-area-inset-topやsafe-area-inset-bottomをenv()で取得し、ヘッダーや固定ボタンのpaddingへ加えます。
端末によって必要な余白が異なるため、固定値だけで調整せず、通常のブラウザ表示とホーム画面起動の両方で確認してください。