1

我正在开发一个移动网站,我们在 iOS 上的 Chrome 中遇到了一个小问题:

如果您以纵向模式打开站点并放大和缩小然后更改方向,您将获得以下视图:

右边的黑色空间不应该在那里

理想情况下,网站应该适合整个视口。

有没有人尝试过这个?我只在缩放后体验它 - 否则它工作正常。

这是我的元视口标签:<meta name="viewport" content="width=320">

谢谢!:-)

4

2 回答 2

1

只是想注意一下,我最近遇到了这个错误,在我的情况下,发行者是“user-scalable=no”+“width=XYpx”。

删除“用户可扩展”会有所帮助,但从另一方面来说,它允许我们扩展网站。

于 2015-10-13T13:56:29.660 回答
0

当您将方向更改为横向时,设备宽度将更改为 480 而不是 320。因此,要根据方向自动确定宽度,您可以编写<meta name = "viewport" content = "width = device-width">而不是<meta name="viewport" content="width=320">. 有关更多信息,请参阅页面。

于 2013-09-18T11:00:52.293 回答