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

Question

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

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

如果这些层可以与透明度相结合，那真的很棒。 在最小值和法线之间进行缩放会显示50％不透明度的图像，并且它们的符号处于相同的不透明度级别。

提前谢谢你， JJulien

Answer 1

如果您只想为网站的某些部分添加缩放功能：可以使用JavaScript完成此操作;您可以为每个缩放级别在body元素上设置不同的class，然后定义样式表中显示的内容。

Look at this JSFiddle for a rough concept.

如果您想要对所有网站实施缩放，而不仅仅是部分，请查看this question。