老师,关于zoom

来源:3-1 首页.页面框架代码编写

zhangwenxin

2020-04-13 14:47:19

我上网搜了一下zoom,说是专用于ie浏览器的一种属性

在这里用它应该怎么理解呢,我有点想不通,望老师解答

写回答

1回答

好帮手慕星星

2020-04-13

同学你好,目前大部分浏览器都支持这个属性了,不仅仅是IE浏览器哦。zoom属性用于缩放,参考文档:

https://developer.mozilla.org/zh-CN/docs/Web/CSS/@viewport/zoom

举例如下:

http://img.mukewang.com/climg/5e9420b209a87c4b05190370.jpg

Chrome浏览器测试效果

http://img.mukewang.com/climg/5e9420ce097ea01103790237.jpg

课程中是通过zoom:1;来解决IE中清除浮动的问题,记住这种写法就好。但是在伪类中写不写zoom属性都是可以的,因为IE低版本浏览器不支持:after伪类,里面的zoom也就没有意义了。可以直接在父元素中添加这个属性,测试下IE7以下版本:

http://img.mukewang.com/climg/5e9422dc09af84c606640674.jpg

http://img.mukewang.com/climg/5e9422f0096476cb25230773.jpg

自己可以测试理解下,祝学习愉快!

0

0 学习 · 14456 问题

查看课程