HTML5 视口元标记不适用于 android phone 纵向模式
HTML5 Viewport meta tag not working on android phone in portrait mode
我正在为移动设备开发网站，但在 android phone 上通过视口标记缩放页面时遇到问题。
纵向 phone 旋转需要 "initial-scale=0.62" 才能使页面适合视口。然而 "initial-scale=1" 在横向模式下工作正常。我正在使用：
<meta name="viewport" content="width=device-width, initial-scale=1">
我希望浏览器将页面缩放到浏览器的视口，而不是我必须捏缩放。我的 phone 的视口是 360 度和 640 度，纵向和横向。这可能与页面的纵向尺寸没有缩小到 360px 和 1 的比例显示页面的真实宽度有关吗？
我刚刚检查了 Firefox 中的页面，通过调整浏览器的大小 window，我能够让页面将对象的布局调整到 466px，然后它就不会再缩小了。我使用 https://viewportsizes.com/mine/
检查视口大小
如果我使用 initial-scale=.62，那么在 iPad 上查看的页面看起来太缩小了，按钮也很难辨认。
谁能解释一下如何让页面正确缩放？
尝试使用最大比例而不是初始比例。当用户从纵向视图切换到横向视图时，最大比例保持比例设置。
如下所示：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
或者，您也可以指定宽度：
<meta name="viewport" content="width=360, maximum-scale=1"/>
我想下面的内容适用于 iPhone 和 iPad 两者
<meta name="viewport" content="width=720, maximum-scale=1.0" />
或最后一次尝试
<meta name="viewport" content="width=device-width, maximum-scale=1.0" />
此外还有 CSS3 媒体查询。
我正在为移动设备开发网站，但在 android phone 上通过视口标记缩放页面时遇到问题。
纵向 phone 旋转需要 "initial-scale=0.62" 才能使页面适合视口。然而 "initial-scale=1" 在横向模式下工作正常。我正在使用：
<meta name="viewport" content="width=device-width, initial-scale=1">
我希望浏览器将页面缩放到浏览器的视口，而不是我必须捏缩放。我的 phone 的视口是 360 度和 640 度，纵向和横向。这可能与页面的纵向尺寸没有缩小到 360px 和 1 的比例显示页面的真实宽度有关吗？
我刚刚检查了 Firefox 中的页面，通过调整浏览器的大小 window，我能够让页面将对象的布局调整到 466px，然后它就不会再缩小了。我使用 https://viewportsizes.com/mine/
检查视口大小如果我使用 initial-scale=.62，那么在 iPad 上查看的页面看起来太缩小了，按钮也很难辨认。
谁能解释一下如何让页面正确缩放？
尝试使用最大比例而不是初始比例。当用户从纵向视图切换到横向视图时，最大比例保持比例设置。
如下所示：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
或者，您也可以指定宽度：
<meta name="viewport" content="width=360, maximum-scale=1"/>
我想下面的内容适用于 iPhone 和 iPad 两者
<meta name="viewport" content="width=720, maximum-scale=1.0" />
或最后一次尝试
<meta name="viewport" content="width=device-width, maximum-scale=1.0" />
此外还有 CSS3 媒体查询。