javascript - 当我们点击标志整个页面时创建缩放功能，当我们点击 - 标志时，它会缩小。

Question

我想创建缩放功能，当我们单击 + 签名时，整个页面会缩放，当我们单击 - 签名时，它会在 javascript 或 CSS 中缩小。怎么可能？它将在 php.ini 中使用。它还显示缩放百分比。

Answer 1

显然 CSS3 中有缩放属性。

您可以将其应用于正文，它应该缩放整个页面。

Answer 2

放大和缩小整个页面是一种糟糕的用户体验。真正具有低视力和挑战的用户已经知道在浏览器中的何处以及如何进行。那些没有的，当整个页面变大或变小时，他们会感到震惊。

我的建议：试着分析一下你到底要放大什么，如果是文本区域，用js设置更大的字体大小，如果是图像，用js拉伸它，如果是块，svg等，只需设置更大的参数。

PS：该zoom属性不是跨浏览器并且有奇怪的行为。但是您可以将它与transform属性结合起来，以制作或多或少的跨浏览器解决方案。