我正在开发一个移动网站,我们在 iOS 上的 Chrome 中遇到了一个小问题:
如果您以纵向模式打开站点并放大和缩小然后更改方向,您将获得以下视图:
理想情况下,网站应该适合整个视口。
有没有人尝试过这个?我只在缩放后体验它 - 否则它工作正常。
这是我的元视口标签:<meta name="viewport" content="width=320">
谢谢!:-)
我正在开发一个移动网站,我们在 iOS 上的 Chrome 中遇到了一个小问题:
如果您以纵向模式打开站点并放大和缩小然后更改方向,您将获得以下视图:
理想情况下,网站应该适合整个视口。
有没有人尝试过这个?我只在缩放后体验它 - 否则它工作正常。
这是我的元视口标签:<meta name="viewport" content="width=320">
谢谢!:-)
只是想注意一下,我最近遇到了这个错误,在我的情况下,发行者是“user-scalable=no”+“width=XYpx”。
删除“用户可扩展”会有所帮助,但从另一方面来说,它允许我们扩展网站。
当您将方向更改为横向时,设备宽度将更改为 480 而不是 320。因此,要根据方向自动确定宽度,您可以编写<meta name = "viewport" content = "width = device-width">
而不是<meta name="viewport" content="width=320">
. 有关更多信息,请参阅此页面。