html zoom属性

2024-11-07

CSS Zoom属性

CSS中 Zoom属性介绍其实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支撑.它可以设置或检索对象的缩放比例.除此之外,它还有其他一些小感化,比如触发ie的hasLayout属性,清除浮动.清除margin的重叠等. Zoom的应用办法: zoom : normal | number normal : 默认值.应用对象的实际尺寸 number : 百分数 | 无符号浮点实数.浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的

CSS中不为人知Zoom属性的使用介绍(IE私有属性)

其实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持.它可以设置或检索对象的缩放比例.除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动.清除margin的重叠等. Zoom的使用方法: zoom :? normal | number normal : 默认值.使用对象的实际尺寸 number : 百分数 | 无符号浮点实数.浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的数字即放大的倍数,可以是数值

Zoom属性的使用介绍(IE私有属性)

其实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持.它可以设置或检索对象的缩放比例.除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动.清除margin的重叠等. Zoom的使用方法: zoom : normal | number normal : 默认值.使用对象的实际尺寸 number : 百分数 | 无符号浮点实数.浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的数字即放大的倍数,可以是数

CSS中 Zoom属性

CSS中 Zoom属性其实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支撑.它可以设置或检索对象的缩放比例.除此之外,它还有其他一些小感化,比如触发ie的hasLayout属性,清除浮动.清除margin的重叠等. Zoom的应用办法: zoom : normal | number normal : 默认值.应用对象的实际尺寸 number : 百分数 | 无符号浮点实数.浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的数字即

css zoom 属性

oom这个属性是ie专有属性,除了设置或者检索对象的缩放比例之外,它还有可以触发ie的haslayout属性,清除浮动,清除margin重叠等作用. 不过值得注意的一点就是火狐浏览器不支持zoom属性,但是在webkit内核浏览器中zoom这个属性也是可以被支持的. (1)下面我们来看下zoom在非IE浏览器中的作用:看下面的例子,我是在谷歌浏览器下访问的,在该例子中zoom的作用是放大为原来的2倍(读者可以自己尝试缩小操作) 1.zoom:1 时 <!DOCTYPE html> &

css zoom属性兼容ie,firefox,chrome

jquery代码: $("body").css({ "zoom":"2", "transform":"scale(2)" }); 也可以直接在<style>里面写 <style type="text/css"> body{zoom:2;transform:scale(2)} </style>

CSS3 zoom 属性

zoom:normal | <number> | <percentage> 默认值:normal normal: 使用对象的实际尺寸. <number>: 用浮点数来定义缩放比例.不允许负值 <percentage>: 用百分比来定义缩放比例.不允许负值

css3中的zoom元素属性值测试

在样式表里头看到zoom:1的设置,很是好奇就去找了一些资料发现关于这个的讲述还是比较少. 理论知识语法: zoom:normal | <number> | <percentage> 默认值:normal 适用于:所有元素继承性:有动画性:是计算值:绝对长度取值: normal: 使用对象的实际尺寸. <number>: 用浮点数来定义缩放比例.不允许负值 <percentage>: 用百分比来定义缩放比例.不允许负值兼容性: 浅绿 = 支持红

关于scale和zoom的区别

其实关于scale,我之前是用他来搞一些css3的特效的放大缩小啊,玩的也挺6666,而*zoom:1之前是用来做css的hack,也就是触发IE6/7的haslayout清除浮动的.终于某天,好事的UE说1px的线在retina的屏幕下显得膀大腰圆要我们修复这个bug.参考 http://www.tuicool.com/articles/ZRv6bun,在做了一系列的实验之后采取了使用scale的方案,顺便验证了android真的不支持0.5px这个理论. 本来用着scale的这个解决方案还蛮

zoom和transform:scale的区别

小tips: zoom和transform:scale的区别这篇文章发布于 2015年11月3日,星期二,00:52,归类于 css相关. 阅读 7876 次, 今日 8 次 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=5019 一.IE和Chrome等浏览器与zoom 还在几年前,zoom还只是IE浏览器自己私有的玩具,但是,现在,除了FireFox浏览器,其他

zoom 用法

from: http://www.jb51.net/css/40285.html 其实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持.它可以设置或检索对象的缩放比例.除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动.清除margin的重叠等. Zoom的使用方法: zoom : normal | number normal : 默认值.使用对象的实际尺寸 number : 百分数 | 无符号浮点实数.浮点实数值为1.0或百分数为100%时相当于此属

css中“zoom：1”是什么意思

继承性: 无兼容性: IE 基本语法 zoom : normal | number 语法取值 normal : 默认值.使用对象的实际尺寸 number : 百分数 | 无符号浮点实数.浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值使用说明设置或检索对象的缩放比例.设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动.虽然此属性不可继承,但是它会影响对象的所有子对象( children ).这种影响很像 background 和 filter 属性

关于"zoom“ 的一点小认识

最早接触zoom是在清除浮动的时候,原因就是zoom能触发IE的haslayout,当时也没深究其原理,今天,在查看张鑫旭的对overflow与zoom”清除浮动”的一些认识时,其中提到zoom是比例缩放,比较诧异,遂去查找资料(可惜,中文全介绍它是IE私有属性,用于清除浮动,人云亦云,造成就这一个简陋的版本可查询),发现其中大有乾坤,记下测试过程,其中有错误的,望大家指正,也希望大家去研究下这个东西,不能总是说它就能清除个浮动,是IE私有的…… 一.zoom原本是IE的私有属性,但谷歌,ope

zoom的学习

上大学做阶段项目时遇到了一个非常奇特的现象:kindEditor上传图片功能失效,可是把jsp所引用的样式去掉就好用,这说明样式有问题,于是删一个样式測试一下,就这样罪魁祸首落在了zoom身上,这是我们第一次"相识",今天周末.难得的清闲.现总结一下: 首先说一下zoom的作用:zoom用来设置对象的缩放比例. zoom属性值:normal | <number> | <percentage> 一.normal: 代码1-1例如以下: <!DOCTYPE h

css 中 zoom和transform:scale的区别(转载)

一.IE和Chrome等浏览器与zoom 还在几年前,zoom还只是IE浏览器自己私有的玩具,但是,现在,除了FireFox浏览器,其他,尤其Chrome和移动端浏览器已经很好支持zoom属性了: zoom的字面意思是“变焦”,摄影的时候常用到的一个概念.对于web上的zoom效果,你也可以按照此概念理解.可以改变页面上元素的尺寸,属于真实尺寸. 在旧的web时代.*zoom: 1可以给IE6/IE7浏览器增加haslayout, 用来清除浮动,修复一些布局上的疑难杂症等. 其支持的值类型有:

说一下zoom:1的原理，万一被问到呢？

某一天.前同事低着头从鹅厂面试回来.他说他被一道非经常见的问题难倒了. 对方问他知道zoom:1的作用吗? 前同事:清楚浮动啊,触发haslayout. 再问:那你知道zoom:1的工作原理和来龙去脉吗? 前同事:...... zoom:1确实帮我们攻克了不少ie下的bug,可是它的来龙去脉,又有多少人知道呢? 所以我老生常谈,说一下它的来龙去脉. Zoom属性是IE浏览器的专有属性.它能够设置或检索对象的缩放比例.先来一张来自度娘的截图在寻常的css编写过程中.zoom:1可以比較奇妙地解决

zoom和transform scale

一.zoom zoom的字面意思是“变焦”,摄影的时候常用到的一个概念.对于web上的zoom效果,你也可以按照此概念理解.可以改变页面上元素的尺寸,属于真实尺寸. 在旧的web时代.*zoom: 1可以给IE6/IE7浏览器增加haslayout, 用来清除浮动,修复一些布局上的疑难杂症等. 其支持的值类型有: 百分比值:zoom:50%,表示缩小到原来的一半. 数值:zoom:0.5,表示缩小到原来的一半. normal关键字:zoom:normal等同于zoom:1. 注意,虽然Chrom

zoom:1总结

zoom:1确实帮我们解决了不少ie下的bug,但是它的来龙去脉,又有多少人知道呢? 所以我老生常谈,说一下它的来龙去脉. Zoom属性是IE浏览器的专有属性, 它可以设置或检索对象的缩放比例.先来一张来自度娘的截图在平常的css编写过程中,zoom:1能够比较神奇地解决ie下比较奇葩的bug. 譬如外边距(margin)的重叠,譬如浮动的清除,譬如触发ie的 haslayout属性等等. 来龙去脉大概如下: 度娘告诉我们:zoom是设置或检索对象的缩放比例.设置或更改一个已被呈递的对象的此

小tips: zoom和transform:scale的区别

小tips: zoom和transform:scale的区别转自张鑫旭前端大神 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=5019 一.IE和Chrome等浏览器与zoom 还在几年前,zoom还只是IE浏览器自己私有的玩具,但是,现在,除了FireFox浏览器,其他,尤其Chrome和移动端浏览器已经很好支持zoom属性了: zoom的字面意思是“变焦”,

HTML5 网络拓扑图性能优化

HTML5 中的 Canvas 对文本的渲染(fillText,strokeText)性能都不太好,比如设置字体(font).文本旋转(rotation),如果绘制较多的文本时,一些交互操作会手动很大的影响,操作起来没那么顺畅,体验将会极其差,这不是我们想要的结果,再进一步和图片的绘制进行比较比较,你会发现,绘制图片和绘制文本在性能上不是一个等级的,在性能上绘制图片会好太多. 我们今天就来谈谈 HT for Web 性能相关的问题.在 HT 中,有很多地方可以设置文本,每个节点上面都可以设置两个

html zoom属性

热门专题