This has been driving me mad for a few days now, on a couple of different websites. It’s such a simple thing to miss, but doing so has meant the sites haven’t ‘acted’ responsively – causing them to display incorrectly on phones. It’s simple this:
<meta name="viewport" content="width=device-width,initial-scale=1.0">
Granted it should usually be included in your boilerplate or setup code but if it’s missed off it can cause frustrations down the line. Add it between your ‘head’ tags and things will scale properly without looking ‘zoomed out’ on mobile devices.