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

Question

我正在为移动设备开发课程讲座，并且禁用了缩放功能。我想对页面上除图像之外的所有内容都保持这种方式。

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

但是，并非我希望用户能够放大的所有图像都位于弹出窗口内，并且我不规定内容的位置。我只控制 gui（css、脚本文件等）

有没有办法仅将可扩展=“是”应用于图像，同时保持GUI的其余部分可扩展=“否”？

Answer 1

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

与灯箱之类的方法相比，这种方法对于移动设备来说通常要优越得多，因为浏览器只需要显示图像即可获得性能优势。

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