CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了CSS中的“缩放”功能是什么?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我发现一些jQuery插件,在他们的css规则使用’缩放’描述符,我甚至看看w3c网站,发现它是用于放大,但我怎么实际实现呢?还是我要定义一些视口?我如何定义这样的视口?或者我错了整个东西?

是可能使用它像

a {
    zoom:1;
}

a:hover {
   zoom:2;
}

解决方法

缩放不包括在CSS规范中,但它支持在IE,Safari 4,Chrome(和你可以得到一个类似的效果在Firefox使用-moz-transform:scale(X)自3.5)。见 here

所以,所有的浏览器

zoom: 2;
 zoom: 200%;

将放大你的对象由2,所以它就像加倍的大小。这意味着如果你有

a:hover {
   zoom: 2;
}

悬停时,< a>标签将放大200%。

像我说的,在FireFox 3.5使用-moz-transform:scale(X),它做同样的事情。

编辑:响应来自三十点的评论,我会说scale()不是一个完全替代。它不像放大一样在线放大,而是扩展开箱和内容,而不是强制其他内容。看到这在行动here.此外,Opera似乎不支持缩放。

This的帖子提供了一个有用的洞察力,解决使用jQuery解决规模和解决方法的不兼容。

大佬总结

以上是大佬教程为你收集整理的CSS中的“缩放”功能是什么?全部内容,希望文章能够帮你解决CSS中的“缩放”功能是什么?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。