如何使用&x201C;视口拟合=覆盖”;和“;最大刻度=1”;不禁用Android上的缩放功能
我一直在我的网站上使用以下viewport如何使用&x201C;视口拟合=覆盖”;和“;最大刻度=1”;不禁用Android上的缩放功能,android,iphone,viewport,meta-tags,pinchzoom,Android,Iphone,Viewport,Meta Tags,Pinchzoom,我一直在我的网站上使用以下viewportmeta标记: 在iPhone上,这给了我想要的准确行为: maximum scale=1防止Safari在聚焦文本字段时放大 viewport fit=cover在横向中删除iPhone X上Safari的左右填充,因此背景色和图像一直延伸到边缘 用户仍然可以根据需要手动捏缩缩放,因为iOS始终允许这样做,而不管meta标记中的任何属性是否会禁用它 但是在Android上,maximum scale=1和viewport fit=cover完全
meta
标记:
在iPhone上,这给了我想要的准确行为:
防止Safari在聚焦文本字段时放大maximum scale=1
在横向中删除iPhone X上Safari的左右填充,因此背景色和图像一直延伸到边缘viewport fit=cover
- 用户仍然可以根据需要手动捏缩缩放,因为iOS始终允许这样做,而不管
标记中的任何属性是否会禁用它meta
maximum scale=1
和viewport fit=cover
完全阻止缩放,我发现避免这种情况的唯一方法就是删除这两个属性。但是,我也失去了将它们包含在iPhone上的好处
有没有什么方法可以在我的meta
标签中保留这两个属性,但仍然允许在Android上手动缩放