防止对象变焦

Question

我正在写一个网站，除了一个对象外，一切都应该可以缩放。 是否有可能仅防止此对象被缩放（ipad，iphone上的典型捏合手势）？ （我知道你不应该这样做，因为缩放应该引起页面上的所有内容......但我不知道解决方法。）

它只能在移动游猎中运行。

感谢您的帮助。

Answer 1

为了做到这一点，你需要能够检测到变焦，这是不可能的......至少，不是直接。 This post引入了一种相当新颖的方法来检测缩放级别，方法是使用javascript来比较页面上两个div的宽度比：一个具有像素定义的宽度，另一个具有百分比定义的宽度。当用户捏/缩放时，像素宽度不会改变，但宽度百分比将会改变，因此如果您使用javascript来检测这两个对象的偏移宽度并获得比例，则可以获得缩放。然后，如果比例是150％，您可以更改“固定”对象的宽度和高度（使用javascript）并将每个乘以.66666。

您面临的主要挑战是无法检测缩放时刻，因此您必须使用setInterval()调用来不断检查两个测试div的比例。