零基础建站培训介绍

当前位置:

CSS中的ZOOM:1作用是什么

CSS中的ZOOM:1作用

我们学习CSS3视频教程时,做网站经常会看到CSS代码里会有一个ZOOM:1,删除ZOOM:1属性对网页却没有任何影响。那么ZOOM:1到底有什么作用呢?

下面就跟着学做网站论坛来了解一下CSS中的ZOOM:1作用是什么吧。

Zoom属性是IE浏览器的专有属性,它可以解决了不少ie下的bug,可以设置或检索对象的缩放比例。

在我们做网站写css过程中,zoom:1能够比较神奇地解决ie下比较奇葩的bug。譬如外边距(margin)的重叠,譬如浮动的清除,譬如触发ie的 haslayout属性等等。

当设置了zoom的值之后,所设置的元素就会禁止扩大或者缩小,高度宽度就会重新计算了,这里一旦改变zoom值时其实也会发生重新渲染,运用这个原理,也就解决了ie下子元素浮动时候父元素不随着自动扩大的问题。

Zoom属是IE浏览器的专有属性,火狐和老版本的webkit核心的浏览器都不支持这个属性。然而,zoom现在已经被逐步标准化,出现在 CSS 3.0 规范草案中,也就是CSS3中的transform: scale这个属性来实现

用法:ie下子元素浮动时候父元素不随着自动扩大的问题,使用下面的CSS写法:


.父元素 { overflow: auto; zoom: 1 }
下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关教程

  • 相对定位(relative)是指在其正常的位置上偏移;使用相对定位时,移动后,它原来占的位置不会被其它元素占用。相对定位的语法:div{positi
  • 什么是CSS伪类伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容;原则上特征是不可以从文档树上推断得到的。例如:CS
  • 在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.CSS设置阴影效果的样式为box-shadow属性,使用方法:
  • 背景样式在制作网站过程中经常使用到。以下是CSS background 背景样式经常使用到的几种样式:背景属性以及背景位置的控制:1、background-position
  • :before 伪元素在元素之前添加内容:before这个伪元素允许创作人员在元素内容的最前面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性
  • 有时候,我们需要对网页某个区域的文字竖排,竖向排列。横向排列,在网站制作培训中,经常用到。对于竖排,一时间找不到思路了,呵呵,其实和横排一样
  • CSS3中的动画功能分为Transitions和Animations功能,这两种功能都可以通过改变CSS中的属性值来产生动画效果。一.TransitionsTransitions功能通过光
  • Css样式的float浮动属性,用于设置标签对象(如:<div>标签盒子、<span>标签、<a>标签、<em>标签等html标签)的浮动布局,浮
  • 很多网站都有一个很大的问题,在这个浏览器上显示正常,但在其它浏览器显示却错位。这就是网站浏览器不兼容。如果你在自己建网站时也遇到了不同浏览
  • display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、