Мобильная верстка Iphone XS XR X,белые края, что делать?

Question

[chill boy]

Всем привет, я сделал мобильную верстку и на всех телефонах все работает правильно, но не на айфонах, на них по краям появляется лишний белый фон(смотрите на фото), сайт открыт через сафари, у фона стоит значение width="100%". С чем это может быть связанно?

Answer 1

[ⓒⓢⓢ]

Что-нибудь из такого

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

Comments

[chill boy]

Уже было, это и правда особенности устройства и решения здесь видимо нет

[ⓒⓢⓢ]

поверю на слово, т.к. нет возможности это проверить.
Но и не доверять, как то ещё не было причин, если вам не трудно, то проверьте пожалуйста или сообщите каковы успехи?

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

body {
padding-left: constant(safe-area-inset-left);
padding-right: constant(safe-area-inset-right);
}

Answer 2

[doublench21]

body { 
    background-color: #000000;
}

Answer 3

[jqweryjson]

viewport-fit=cover работет ифон XS