使浏览器转换而不影响一个指定的元素

时间:2012-11-28 05:43:10

标签: javascript html css

我正在为我的网站开发网页缩小和放大选项,我使用浏览器Transformtransform CSS propertise)将我的网页扩展到原始视图的90%

In Chrome-   document.body.style.webkitTransform = 'scale(' + value + ')'; 
对于90%,

值为0.9。

但我的网页有一个html元素我不想扩展,我希望将它保持在相同的原始视图/大小中..

任何可行的方法吗?

注意:我尝试将该html元素放在</body>标记之后,但仍然将其缩放到90%......

1 个答案:

答案 0 :(得分:1)

将主体缩小到90%,然后将特殊元素备份缩放到原始大小:

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