Как заставить Background-color на устройствах apple iphone правильно работать?

Question

[vahantov]

Вот как все должно выглядеть.



Вот как выглядит на эмуляторе iphone. (смотрел и с физического iphone и ipad результат тот же.)



Тексту дается фон через background-color.
На айфонах почему то полностью фон не выходит часть куда-то пропадает.

Вот ссылка на страницу.

Comments

[Юрий]

Там вроде не фон пропадает, а текст не входит в блок. А уже почему текст не входит — другой вопрос, смотрите, что ограничивает ширину блока. Либо max-width, либо маргины/паддинги.

PS. Судя по всему, проблема в max-width: max-content.

Answer 1

[Arman Hovhannisyan]

Дело вовсе не в backround-color и не в айфонах а вообще в при мальенких экранах из за плохой вёрстки,
вот решение

.section-calc__content .left span{
transform: translate(-50%,0);
}

Comments

[Andrey Vasilev]

страшные у вас решения, чолодой меловек

.section-calc__content #textContent {
 padding-right: 4rem;
}

от и всё

[Arman Hovhannisyan]

Andrey Vasilev, таким образом можно при любых разрешениях оставить текст в центре,не прописывая media,человек с не динамическими но простыми решениями))