orientation - 在 iPad/iPhone 上的纵向和横向之间切换时，响应式网站会放大

Question

我在这里使用 Twitter Bootstrap 构建了一个响应式网站:http://zarin.me/cce/

响应式设计在 iPad 和 iPhone 上效果很好，但是当我将设备从纵向翻转为横向时，网站会放大而不是适应屏幕(捏合屏幕有效)。

我错过了什么？这是视口(viewport)问题吗？这是我的唯一视口(viewport)代码:

<meta content="width=device-width, initial-scale=1.0" name="viewport">

提前致谢!

Answer 1

您还想添加最大比例

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

已更新我同意一些评论，声明不应限制用户的缩放，因为这是不好的做法。下面是一个更好的方法，我相信苹果早已修复了缩放错误。

<meta name="viewport" content="width=device-width, initial-scale=1">