移动设备只能部分显示网页
Mobile device only partionally displays web page
很抱歉打扰您，但我在 Google 上找不到此搜索查询的任何答案。
让我快速解释一下我的问题。
我创建了一个在纵向和横向模式之间切换的网页。
当我使用桌面时一切正常，页面显示正确。当我在 IPhone 5 上启动我的网页时，它做了一些事情 "weird"：
它仅部分显示页面。如果我想看到整个页面，我需要缩小，这对用户来说很烦人。
所以如果你们知道如何解决这个问题，请告诉我！
非常感谢你帮助我！
编辑：
我正在使用 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 标签
为了优化移动设备的 css，我使用了媒体查询
@media screen and (orientation:portrait) {...}
答案：
This is the cause of my issue: Reset zoom level onload. Sadly, it's not
yet possible to fix this problem... This is the case because I have a
login form on a previous page that links to a new page whenever I log
in. With IOS your browser automatically zooms in at the input, which
when the new page is loaded, still is the zoom level...
使用 <meta name="viewport" content="width=300"> 应该可以使您的网页在几乎所有移动设备上都自动缩小。但请确保您的网站针对移动设备进行了优化，否则您的所有文字都会变得很小，人们会希望他们再次放大。
这是我的问题的原因：
Reset zoom level onload
遗憾的是，目前还无法解决这个问题...
之所以如此，是因为我在之前的页面上有一个登录表单，每当我登录时都会链接到一个新页面。使用 IOS，您的浏览器会在输入时自动放大，当新页面出现时已加载，仍然是缩放级别...
很抱歉打扰您，但我在 Google 上找不到此搜索查询的任何答案。
让我快速解释一下我的问题。 我创建了一个在纵向和横向模式之间切换的网页。
当我使用桌面时一切正常，页面显示正确。当我在 IPhone 5 上启动我的网页时，它做了一些事情 "weird"： 它仅部分显示页面。如果我想看到整个页面，我需要缩小，这对用户来说很烦人。
所以如果你们知道如何解决这个问题，请告诉我！
非常感谢你帮助我！
编辑：
我正在使用 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 标签
为了优化移动设备的 css，我使用了媒体查询
@media screen and (orientation:portrait) {...}
答案：
This is the cause of my issue: Reset zoom level onload. Sadly, it's not yet possible to fix this problem... This is the case because I have a login form on a previous page that links to a new page whenever I log in. With IOS your browser automatically zooms in at the input, which when the new page is loaded, still is the zoom level...
使用 <meta name="viewport" content="width=300"> 应该可以使您的网页在几乎所有移动设备上都自动缩小。但请确保您的网站针对移动设备进行了优化，否则您的所有文字都会变得很小，人们会希望他们再次放大。
这是我的问题的原因： Reset zoom level onload 遗憾的是，目前还无法解决这个问题...
之所以如此，是因为我在之前的页面上有一个登录表单，每当我登录时都会链接到一个新页面。使用 IOS，您的浏览器会在输入时自动放大，当新页面出现时已加载，仍然是缩放级别...