iPhone 横向きのとき、全幅が画面端まで広がっていない

[inc2734]

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover">

にしたいけど、ブロックテーマはデフォルトで下記が出力される。

function _block_template_viewport_meta_tag() {
    echo '<meta name="viewport" content="width=device-width, initial-scale=1" />' . "\n";
}
add_action( 'wp_head', '_block_template_viewport_meta_tag', 0 );

viewport-fit=cover で広げた場合、セーフエリアまでコンテンツが広がるので、env(safe-area-inset-right)、env(safe-area-inset-left) を追加してちょうど良い padding にする必要がある。