文档章节

zoom和transform:scale的区别

mxPickle
 mxPickle
发布于 2017/09/06 10:02
字数 335
阅读 10
收藏 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
818
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.5K
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Spring Cloud Gateway真的有那么差吗?

前言 Spring Cloud从一开始最受大家质疑的就是网关性能,那是由于Spring Cloud最初选择了使用Netflix几年前开源的Zuul作为基础,而高性能版的Zuul 2在经过了多次跳票之后,对于Spring这样的整...

Java小铺
33分钟前
1
0
SpringBoot远程调试,远程debug你的线上项目

开发环境中代码出错了,可以利用IDE的debug功能来进行调试。那线上环境出错呢? 一、假设我们的项目是部署在tomcat中,那我们就需要对tomcat进行一定对配置,配置如下。 1. windows系统中,找...

nonnetta
38分钟前
0
0
JAVA秒杀优化方向

秒杀优化方向 将请求尽量拦截在系统上游:传统秒杀系统之所以挂,请求都压倒了后端数据层,数据读写锁冲突严重,几乎所有请求都超时,流量虽大,下单成功的有效流量甚小,我们可以通过限流、...

小贱是个程序员
46分钟前
0
0
C# 统计字符串中大写字母和小写字母的个数

static void Main() { int count1 = 0; int count2 = 0; Console.WriteLine("请输入字符串"); string str = Convert.ToString(Consol......

熊二的爸爸是谁
48分钟前
0
0
分布式服务框架之远程通讯技术及原理分析

在分布式服务框架中,一个最基础的问题就是远程服务是怎么通讯的,在Java领域中有很多可实现远程通讯的技术,例如:RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等,这些名词之间到底是...

老道士
54分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部