ZOOM:1的原理和作用
zoom:1确实帮我们解决了不少ie下的bug,但是它的来龙去脉,又有多少人知道呢?
所以我老生常谈,说一下它的来龙去脉。
Zoom属性是IE浏览器的专有属性, 它可以设置或检索对象的缩放比例。
在平常的css编写过程中,zoom:1能够比较神奇地解决ie下比较奇葩的bug。
譬如外边距(margin)的重叠,譬如浮动的清除,譬如触发ie的 haslayout属性等等。
度娘告诉我们:zoom是 设置或检索对象的缩放比例。设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。(没看懂)
虽然此属性不可继承,但是它会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。
此属性对于 currentStyle 对象而言是只读的,对于其他对象而言是可读写的。(没看懂)
(重点)当设置了zoom的值之后,所设置的元素就会就会扩大或者缩小,高度宽度就会重新计算了,这里一旦改变zoom值时其实也会发生重新渲染,运用这个原理,也就解决了ie下子元素浮动时候父元素不随着自动扩大的问题。
Zoom属是IE浏览器的专有属性,火狐和老版本的webkit核心的浏览器都不支持这个属性。然而,zoom现在已经被逐步标准化,出现在 CSS 3.0 规范草案中,也就是CSS3中的transform: scale这个属性来实现
用法:ie下子元素浮动时候父元素不随着自动扩大的问题,使用下面的CSS写法
.父元素 { overflow: auto; zoom: 1 },关于更多清楚浮动的用法,可以戳http://www.cnblogs.com/dongtianee/p/4563084.html,里面的第十问解释的很详细。
ZOOM:1的原理和作用相关推荐
- 路由器原理及作用以及交换机
路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程[1] .路由工作在OSI参考模型第三层--网络层的数据包转发设备.路由器通过转发数据包来实现网络互连.虽然路由器可以支持 ...
- 电话光端机原理及作用分析
常用的光端机分为多种类型,例如电话光端机.网络光端机.音频光端机.视频光端机.串口光端机.PDH光端机等.通常,电话光端机是最常用的,并且它们也被广泛使用.今天,就由光端机专业厂家飞畅科技来为大家普及 ...
- [css] 什么是zoom?它有什么作用?
[css] 什么是zoom?它有什么作用? zoom 最初是 IE 的私有属性,现在除了 Firefox 之外的浏览器基本都支持 zoom.不过,zoom 依旧不是正式的属性.与之对应的 transf ...
- 计算机网络路由选择协议,IP路由选择协议原理和作用
IP路由选择协议原理和作用 (2008-10-20 19:26:17) 标签: 杂谈 IP路由选择 如果目的主机与源主机直接相连或都在一个共享网络上,那就直接把包发送到目的主机, 如果不是,那把ip数 ...
- svc的参考文献_浅谈SVC的原理及作用
浅谈 SVC 的原理及作用 超(特)高压运行检修公司 自贡中心 涂洪骏 摘要: 介绍了静止补偿器 (SVC) 的工作特性.基本原理.运行方式,重点针对 SVC 的作用进行了分析. 关键词 :静止补偿器 ...
- 调用大智慧L2接口是什么原理?作用是什么?
有些开发人员想要设计一个微信公众号或者微信小程序,由于自己搭建数据库工作量太大,或者技术受限,也会选择调用大智慧L2接口减少工作量.调用大智慧L2接口是什么原理?作用是什么? 大智慧L2接口即应用程序 ...
- 什么是图像直方图直方图均衡的原理和作用图像信噪比的概念
图像直方图:图像直方图是反映一个图像像素分布的统计表,其实横坐标代表了图像像素的种类,可以是灰度的,也可以是彩色的.纵坐标代表了每一种颜色值在图像中的像素总数或者占所有像素个数的百分比. 图像是由像素 ...
- 黑帽SEO关键字堆砌的原理以及作用
讲讲黑帽SEO关键字堆砌的原理以及作用. 关键字堆砌,已经是一个很老的黑帽SEO技术了,是比较老的搜索引擎作弊手段,通过关键字堆砌,可以获得更好的效果.回到正题,关键字堆积,从字面上的意思非常好理解就 ...
- 网络基础 — 路由器的原理和作用
路由器的原理和作用 路由器的原理 基本概念: 路由器是用于连接多个逻辑上分开的网络,所谓逻辑网络是代表一个单独的网络或者一个子网路由器是一种典型的网络层设备.它 在两个局域网之间按帧传输数据,在OSI ...
最新文章
- 4个重要的量子理论实验综述
- Linux_自制系统服务启动脚本
- linux的cat命令
- idea设置JVM运行参数
- libevent 源码阅读 Ubuntu下muduo库的安装与使用
- java简单纸牌游戏_活动回顾 | 畅玩法语纸牌游戏
- android 开源图表动画,Android 图表开发开源库MPAndroidChart-Go语言中文社区
- 这样的 Spring Cloud 微服务项目太牛了!
- ddns的搭建(动态域名解析DDNS)
- 解决windows10中springboot的jar启动之后的假死状态
- photo的复数是photos
- 字节跳动布局游戏,打算从腾讯的碗里“抢饭吃”?
- 华为rh2288v2服务器系统,扩展能力强 华为RH2288H V2服务器解析
- 自然风景Mac高清动态壁纸分享来了
- 我想推出这么一种应用(现代诗歌)
- android 信号研究(包括信号图标和信号优化)
- Linux Performance Analysis and Tools(Linux性能分析和工具)
- 图文笔记,带你走进《未来简史》(26-30)
- 2023届校招算法岗知识超全总结
- 多人协作git workflow规范