html - 不同的缩放级别显示不同的信息

Question

我想知道是否可以有不同级别的缩放来显示不同级别的信息。这可能不是很清楚，所以这个想法是：

正常缩放：仅图像
最大缩放：图像标题
最小缩放：对应于图像的符号（如象形图）

如果这些层可以将自己与透明的想法混合起来，那就太好了。最小和正常之间的缩放将显示不透明度为 50% 的图像，并且它们的符号处于相同的不透明度水平。

提前谢谢你，JJulien

Answer 1

如果您只想为网站的某些部分添加缩放功能：这可以在 JavaScript 中完成；您可以class为每个缩放级别在 body-element 上设置不同的值，然后定义在样式表中显示哪些内容。

查看这个 JSFiddle 以获得粗略的概念。

如果您想为您的所有网站实现缩放，而不仅仅是部分，请查看这个问题。