Позиция: фиксированная. Ширина апсетов: 100 % на мобильных устройствах. ⇐ CSS

[Гость]

Я хочу, чтобы заголовок моей веб-страницы оставался видимым при прокрутке пользователем, поэтому я присвоил ему CSS

тело{ ширина: 100% } #header { положение: фиксированное; ширина: 100% } Проблема заключается в том, что на мобильных устройствах ширина заголовка фактически превышает ширину экрана, поэтому страницу можно слегка прокручивать вбок, что явно нежелательно.

Согласно инструментам разработчика Chrome ширина заголовка составляет 396,5 пикселя на экране с разрешением 375 пикселей, 434 пикселя на экране с разрешением 414 пикселей и 774 пикселя на экране с разрешением 768 пикселей.

Я пробовал изменить ширину, чтобы она наследовалась как для тела, так и для заголовка. Я пробовал удалить контент на случай, если что-то приводит к переполнению заголовка. Ничто из этого не работает. Единственный способ получить правильную ширину — изменить положение заголовка на любое другое, кроме фиксированного, но, конечно, они не обеспечивают нужную мне характеристику.

Почему это? И могу ли я что-нибудь с этим поделать?