我有一个非常简单的HTML页面,这个META标签用于iPhone: <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,user-scalable=no" /> 使用iPhone Safari,当页面以纵向模式加载时,它看起来很好,宽度适合屏幕。 当我将iPhone旋转到横向模式时,网页将自动resize以适应横向宽度。 好,这是我想要的。 但是,当我从风景旋转回来,页面不调整为适应像以前的肖像宽度。 它保持在横向宽度。 我希望iPhone自动将其设置回正确的宽度,就像横向模式一样。 我不认为这应该涉及方向倾听者,因为这一切都是自动完成的,对于不同的模式我没有任何特别的造型。 为什么iPhone不能以纵向模式重新调整网页的大小? 我该如何解决? UPDATE 我设法让iPhone自动resize,但有一个奇怪的现象,只有在偶数轮换之后…非常奇怪。 我使用这个META标签: <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 这是我必须做的,以实现自动resize: 1.在纵向加载 – >看起来不错。 2.旋转到横向 – >resize以适应屏幕。 3.旋转回肖像 – >不resize。 4.旋转到风景 – >仍然在风景大小。 5.旋转到肖像 – >resize以适应肖像画面。 有人可以解释这种行为? 我仍然想知道如何解决这个问题,并感谢任何帮助。 谢谢! 汤姆。