javascript - 指定された要素に影響を与えずにブラウザを変形させる

Question

私は自分のウェブサイト用にウェブページのズームアウトとズームインのオプションを開発しています。ブラウザTransform( CSS プロパティの変換) を使用して、ウェブページを元のビューの 90% に拡大しています。

In Chrome-   document.body.style.webkitTransform = 'scale(' + value + ')'; 

90% の値は 0.9 です。

しかし、私のWebページには、拡大縮小したくないHTML要素が1つあります。同じ元のビュー/サイズに保ちたい..

これを行う方法はありますか？

注：タグの後にそのhtml要素を入れてみました</body>が、それでも90％に拡大されます...

Answer 1

本体を 90% に縮小してから、特殊要素を元のサイズに戻します。

document.body.style.webkitTransform = 'scale(0.9)';
specialElement.style.webkitTransform = 'scale(1.111111)';