I stumbled upon the strange effect where my page dimensions are about 2.7 times bigger than the viewport, even with no content and no styles. It is as if the page was scaled up, but it isn’t the case.
This project is built on the base of NEXT.js template project but even if template doesn’t have the same problem, I fail to see when or where it happened. There is no
body except for
I have tried to reset
scale on everything, but nothing happens. Even when I scroll with mousewheel, nothing happened, like there is some block. I feel like I missing something very basic, but googling brought no results.
Turns out I looked in the wrong place.
One of the contributors slipped in this meta tag:
<meta name="viewport" content="viewport-fit=cover" />, which was the culprit.