javascript - ページ全体に署名をクリックするとズーム機能が作成され、クリックするとズームアウトに署名します。

Question

+をクリックするとズーム機能が作成され、ページ全体がズームされ、クリックするとズームアウトされます-javascriptまたはCSSでズームアウトします。それはどのように可能ですか？これはphpで使用されます。また、ズーム % も表示されます。

Answer 1

ページ全体をズームインしたりズームアウトしたりするのは、ユーザー エクスペリエンスとしては悪いものです。本当に弱視で障害のあるユーザーは、ブラウザーでどこでどのようにそれを行うかを既に知っています。持っていない人は、ページ全体が大きくなったり小さくなったりすると少しショックを受けるでしょう。

私のアドバイス：正確に何をズームイン/アウトするかを分析してみてください。テキスト領域の場合はjsでフォントサイズを大きく設定し、画像の場合はjsでストレッチし、ブロックの場合はsvgなど、より大きなパラメータを設定するだけです。

PS:zoomプロパティはクロスブラウザーではなく、奇妙な動作をします。ただし、それをプロパティと組み合わせて、transform多かれ少なかれクロスブラウザー ソリューションを作成できます。

Answer 2

どうやら CSS3 には zoom プロパティがあるようです。

body に適用すると、ページ全体がズームされます。