html - 移动浏览器无法缩放响应式网站

Question

我做了很多响应式网站，但我从来没有遇到过这个问题。我制作了一个响应式投资组合网站，如果我调整桌面浏览器的大小，它可以很好地缩放。它为网格使用 Bootstrap 。还有一些滚动效果库，但它们似乎不影响缩放，因为我在关闭 javascript 的情况下尝试过。但是当我在真正的智能手机上打开它时，它不会缩小，而是在缩小的桌面 View 中查看。我尝试过的事情:

• 添加各种视口(viewport)“元标签”，例如:<meta name="viewport" content="width=device-width, initial-scale=1">

• 检查我的风格，如果有什么东西迫使 body 宽度变宽

• 关闭javascript

似乎没有任何效果，如果有人可以查看它并看看我错过了什么，那就太好了!

http://www.nielsgerritsen.com

它在调整大小的桌面浏览器中可以很好地缩放。

Answer 1

这是因为您的网站在框架内。您的实际网站:http://www.carehr.nl/nielsgerritsen在移动设备上工作正常，但是您已经专门添加了 noresize到你的相框<frame name="main" src="http://www.carehr.nl/nielsgerritsen" scrolling="auto" noresize="">

我建议您阅读 this question如果您打算继续在框架内托管网站。