文档章节

zoom和transform:scale的区别

mxPickle
 mxPickle
发布于 2017/09/06 10:02
字数 335
阅读 15
收藏 0

1、zoom:

  以前只是看到别人的代码中用过zoom,自己从未使用过,今天在探究ie7兼容inline-block时,发现里面提到了zoom。下面开始进行对zoom的探究。

  zoom:normal | <number> | <percentage>
    默认值:normal
    适用于:所有元素
    继承性:有
    动画性:是
    计算值:绝对长度
  取值:
    normal:
          使用对象的实际尺寸。(等同于zoom:1)
    <number>:
          用浮点数来定义缩放比例。不允许负值
    <percentage>:
          用百分比来定义缩放比例。不允许负值

  兼容性:

Zoom的字面意思是“变焦”,摄影的时候常用到的一个概念。对于web上的zoom效果,你也可以按照此概念理解。可以改变页面上元素的尺寸,属于真实尺寸。在以前,zoom可以给IE6/IE7浏览器增加haslayout, 用来清除浮动,修复一些布局上的疑难杂症等。

2、transform:scale

  transform:scale是css3变形中的缩放

  语法为:transform: scale(<x> [<y>]). 同时有scaleX, scaleY专门的x, y方向的控制。(这里不专门介绍transform:scale)
  和zoom不同,scale并不支持百分比值和normal关键字,只能是数值。而且,还能是负数,没错,负数。而zoom不能是负值!

Example:

© 著作权归作者所有

共有 人打赏支持
mxPickle
粉丝 0
博文 5
码字总数 2170
作品 0
深圳
前端工程师
私信 提问
CSS3实践手册

will-change 不要再使用或者去骗GPU硬件加速了,而应使用提前通知浏览器我们需要对元素做什么动画,以便浏览器提前准备合适的优化设置 注意合理使用,不能泛滥使用造成系统资源浪费,同时给浏...

前端届的科比
2015/09/03
36
0
网页缩放zoom用法

网页缩放zoom用法: function zoomhtml(){ var wid=$(window).width(),len; if(wid<1600){ len=wid/1600; console.log(wid) $("html").css("zoom",len); $("html").css({"-moz-transform":"s......

yudeboo
2017/08/10
0
0
JavaScript 图片3D展示空间(3DRoom)

一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果。 程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间。 很久以前就...

青衫无名
2017/12/04
0
0
关于Map Chart里面Zoom效果的问题

前天看Dojo新的部件 Map Chart ,有人做过么 我看了代码, 想改变一下官方demo里那个zoom的方式 默认的是那种按照个曲线缩放的效果, 我想变成常规的, 就跟googlemap相似的那种缩放效果 哪位能指...

LiuDashen
2011/03/16
979
1
10 款强大的 jQuery 图片插件

这些jQuery的图片插件包括图片缩放、剪裁、展示等功能。 1. AJAX-ZOOM This plugin are very interesting. This is and ajax zoomer, and pan gallery, and also possibility to rotate obje......

红薯
2011/06/14
3.6K
0

没有更多内容

加载失败,请刷新页面

加载更多

区块链安全 - 以太坊短地址攻击

1 基础知识 EVM虚拟机在解析合约的字节码时,依赖的是ABI的定义,从而去识别各个字段位于字节码的什么地方。关于ABI,可以阅读这个文档: https://github.com/ethereum/wiki/wiki/Ethereum-C...

HiBlock
15分钟前
0
0
自定义函数及内部函数

变量的作用域 局部变量 global $Global及其他超全局数组 静态变量 仅初始化赋值 保留于内存直到response才销毁 global和static变量的区别 global:局部变量全局话 static:定义静态局部变量 函...

关元
16分钟前
0
0

中国龙-扬科
28分钟前
1
0
python包

https://www.lfd.uci.edu/~gohlke/pythonlibs/

陆朋
38分钟前
1
0
一文弄懂“分布式锁”,一直以来你的选择依据正确吗?

本文主要会关注的问题是“分布式锁”的问题。 多线程情况下对共享资源的操作需要加锁,避免数据被写乱,在分布式系统中,这个问题也是存在的,此时就需要一个分布式锁服务。 常见的分布式锁实...

Java干货分享
46分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部