I made a lot of responsive web sites, but I've never encountered this problem. I made a responsive portfolio web site and if I resize my desktop browser it scales fine. It uses bootstrap for the grid. And some scroll effect libraries but they don't seem to affect the scaling because I tried it with JavaScript off. But when I open it on a real smartphone it just doesn't scale down, it views it in a zoomed out desktop view. Things I've tried:
Adding all kinds of viewport "meta tags" like: <meta name="viewport" content="width=device-width, initial-scale=1">
Checking my styles, if there is something forcing the body width to be wider
Turning off JavaScript
Nothing seems to work, if someone can look in to it and see what I've been missing that would be great!
It scales fine in resized desktop browsers.
It's because your website is within a frame. Your actual website: http://www.carehr.nl/nielsgerritsen works fine on a mobile, however you have specifically added noresize to your frame <frame name="main" src="http://www.carehr.nl/nielsgerritsen" scrolling="auto" noresize="">
I would suggest you read this question if you're planning to continue hosting the website within a frame.