хм..
попросили меня сделать временную неадаптивную страничку, убрал я из шапки привычный
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
И заметил странность. Хоть у класса .container ширина фиксированная в 1040px базовые элементы (html, body, main) на адаптиве имеют ширину 980px. Заметил потому, что есть бэкграунд с абсолютным позиционированием у main.
В гугле много тем по поводу 980px, но у всем надо уменьшить и они это решают с помощью вышеуказанного вьюпорта. А есть ли вьюпортовское заклинание, чтобы html,body наоборот не уменьшались до 980?
Или просто убрать бэкграунд в контейнер, чтобы косяк не был заметен без девтулсов?