是否可以仅对图像指定user-scalable="yes“？

Question

我正在为移动设备开发课程讲座，并且禁用了缩放功能。我想保持它的方式在页面上的一切，除了图像。

我已经接近了我之前的目标，当用户点击页面内打开弹出窗口的链接时，通过jquery将元user-scalable="no“替换为"yes”，允许用户在弹出窗口打开时放大，其中许多弹出窗口包含我想要启用缩放的图像。

然而，并不是所有我希望用户能够放大的图像都在弹出窗口中，我也不会指定哪些内容会放到哪里。我只控制gui (css、脚本文件等)

有没有一种方法可以只对图像应用scalable="yes“，同时保持gui scalable=的其余部分”no“？

Answer 1

缩放页面的一部分(图像)而不缩放页面的其余部分是没有意义的。我想你可能会对浏览器中图片的默认行为感到满意。将网站的user-scalable="no"设置为正常，对于具有在新窗口(target="_blank")中打开它们的链接的图像，这将打开一个新的浏览器标签，并允许用户缩放，直到他们决定返回页面。

由于浏览器只需要显示图像的性能优势，这种方法在移动设备上通常比lightbox之类的东西优越得多。

我还会补充说，当用户缩放被禁用时，许多用户会感到恼火(包括我自己)。您可能需要考虑设置最小比例，并允许用户根据需要进行缩放。