[css] 什么是zoom？它有什么作用？

zoom 最初是 IE 的私有属性，现在除了 Firefox 之外的浏览器基本都支持 zoom。不过，zoom 依旧不是正式的属性。与之对应的 transform 的 scale 属性是正式的 CSS 属性。zoom 主要的作用是用于元素或者页面的缩放；transform 的 scale 也有同样的作用，两者有如下的区别。zoom 的缩放点在元素左上角。在 Chrome 下，文字如果缩小后小于 12px 的情况仍然会显示 12px。并且 zoom 缩放会影响元素实际的位置，这样就会造成页面的重排和重绘，在性能上会有影响。transform 的 scale 缩放点在元素中心。缩放会对文字有影响，可以利用此属性实现 Chrome 下小于 12px 的字体。但是 transform 缩放后不会改变元素的位置，即如果元素原来是 200px 宽，缩小 50% 后虽然看上去只有 100px 宽了，但是仍然占 200px。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 什么是zoom？它有什么作用？相关推荐

html中zoom方法,css中的zoom的作用
原标题:css中的zoom的作用小标签大用处,今天重庆IT培训www.ztxuexi.cn就给大家说说css中的zoom的作用 : 1.检查页面的标签是否闭合不要小看这条,也许折腾了你两天都没有解 ...
css 中的zoom,对CSS中zoom属性的总结
在css中,zoom属性作用是设置或检索对象的缩放比例.对应的脚本特性为zoom.虽然很多人都知道,但是任然有人不知道zoom的具体的用法,或者没有深究过,下面就把zoom的用法总结一下: 1.CSS ...
html zoom中心,css中的zoom的使用
css中的zoom的使用 zoom : normal | number normal : 默认值.使用对象的实际尺寸 number : 百分数 | 无符号浮点实数.浮点实数值为1.0或百分数为100% ...
html block属性,css display block属性的意思、作用和效果
css中display的block属性是什么意思呢?他是指拥有该属性的html元素以块的方式显示,同时,该元素的前面和后面都会换行,也就是说,如果给一个元素B设置的display:block,那么该元 ...
html scale属性,CSS中的zoom属性和scale属性的用法及区别
CSS中的zoom属性和scale属性的用法及区别 CSS中的zoom属性和scale属性的用法及区别是什么呢?以下是小编整理的相关内容,欢迎阅读学习! zoom 属性语法: zoom:normal ...
CSS中 *{ }、*zoom，各种 * 代表的意思
** 的含义果然眼冒金星,学习前辈的项目代码,突然一堆*,问了问查了查. .nav li a {display: block;*zoom: 1; }.nav * li a {display: inl ...
zoom:1的常见作用
zoom是IE专用属性,firefox等是不支持的.它的本来作用是设置或检索对象的缩放比例,但这作用几乎用不到. 可以让网页实现IE7中的放大缩小功能.比如你想让你的网页缩小为原来的一半,那么就在bo ...
[css] 请说说*{box-sizing: border-box；}的作用及好处有哪些？
[css] 请说说*{box-sizing: border-box;}的作用及好处有哪些? 还是喜欢用默认的content-box 不考虑老版ie 比较通配符的性能较差第三方的UI库的盒模型也都是标 ...
华为p30自带浏览器样式表命名为skin.css 里面的color样式不起作用
样式表命名为skin.css 华为p30自带浏览器里面的color 样式不起作用, 所以不能用skin命名样式表

[css] 什么是zoom？它有什么作用？

[css] 什么是zoom？它有什么作用？

个人简介

主目录

[css] 什么是zoom？它有什么作用？相关推荐

最新文章

热门文章