1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html zoom中心 css中的zoom的使用

html zoom中心 css中的zoom的使用

时间:2024-01-25 02:23:32

相关推荐

html zoom中心 css中的zoom的使用

css中的zoom的使用

zoom : normal | number

normal : 默认值。使用对象的实际尺寸

number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的数字即放大的倍数,可 以是数值,也可以是百分比。如:zoom:1,zoom:120%。

ps:网上都说是ie的专有属性,本人亲测chrome下也可以使用;(Firefox浏览器不支持)

实例一:

.first-p{

width: 100px;

height: 100px;

background: red;

zoom:1;

float: left

}

.second-p{

width: 100px;

height: 100px;

background: green;

zoom:1.5;

float:left

}

.third-p{

width: 100px;

height: 100px;

background: blue;

zoom:2;

float:left

}

html

效果:

ps:p本身的大小是100,结果被放大了,和css3中的缩放有有较的却别之一:放大 缩小多少倍,就占据多大的dom空间;

css中的缩放,占据的依然是元素本身设置的width 和 height 属性滴呀

使用方式:比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。

{:;:;:;:;

}{:;:;:;:;

}

上面的做法已经能解决现代浏览器上的问题了;如要要向下兼容ie6 就要加上zoom:1。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。