CSS中 zoom:1 的作用

最新推荐文章于 2020-02-24 15:02:56 发布
最新推荐文章于 2020-02-24 15:02:56 发布
阅读量555 收藏
点赞数
分类专栏： 编程开发

zoom:1;属性是IE浏览器的专有属性，Firefox等其它浏览器不支持。它可以设置或检索对象的缩放比例。

除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。

但很遗憾的是，它通不过W3C验证．
Tomefy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小标签大作用 CSS中zoom:1的使用方法
09-25
总的来说，`zoom:1`在解决旧版IE浏览器中的布局问题上发挥了重要作用，但随着现代浏览器对CSS标准的更好支持，现在更多地是作为一种兼容性补丁使用。在开发过程中，建议优先考虑使用更标准的解决方案，同时保持代码...
css中zoom:1属性的定义和作用
12-13
今天被问起CSS中有个zoom属性是干什么用的，虽然我知道这个属性是用来清除浮动，来触发haslayout的。但具体的定义还不是很了解，就百度了一点关于zoom属性的资料，然后总结了一下。 CSS zoom属性 zoom：设置或检索...
总结清除浮动方法大全（7种）
Tz。
04-24 1763
1）添加额外标签 这是在学校老师就告诉我们的 一种方法，通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>，其他标签br等亦可。 再如：<div class="warp" id="float1"> <h2>1）添加额外标签</h2> <div class="main left">.main{float:left;}</div> <div
为什么需要清除浮动，清除浮动有哪些方法
qq_41985464的博客
10-23 116
为什么需要清除浮动？ 浮动的属性虽然方便使用，但是在使用这种属性时，也存在着一种弊端，那就是当子元素设置了float属性之后，且父元素的高度和宽度没有进行设置，而是由子元素支撑起来，则会导致父元素的高度塌陷(原本的height后来被置为0) 清除浮动的方法 方法一：给父元素添加声明overflow:hidden**; 缺点：当子元素有定位设置，定位到父元素外边时，不希望溢出父元素部分隐藏时，此方法...
CSS万能清除浮动法
高先生的猫
02-24 2359
/* 给浮动元素的父级元素加上class='clearfix' */ .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { zoom: 1; }
ZOOM:1的原理和作用
small dragon的小窝
07-26 3万+
zoom:1的原理是什么？
CSS中的zoom:1的作用
米刀文
08-25 8772
兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用： 触发IE浏览器的haslayout。解决ie下的浮动，margin重叠等一些问题。 比如，本站使用DIV做一行两列显示，HTML代码： 推荐文章 每天产生一个日志及日志按大小切割 Memcached缓存读取添加与清
详解CSS中zoom属性或overflow:auto属性清除浮动的作用
09-24
主要为大家介绍了CSS中zoom属性或overflow:auto属性清除浮动的作用,文中通过实例代码介绍的很详细，相信会对大家的理解和学习具有一定的参考借鉴价值，有需要的朋友们可以参考借鉴，下面跟着小编一起来学习学习吧。
CSS属性display:inline-block用法深入理解
09-25
首先，`display:inline-block`的作用是将元素呈现为内联对象，这意味着它们会与其他内联元素排列在同一行中，不会强制换行。同时，`inline-block`元素的内容会按照块级元素的方式处理，允许设置宽高、内外边距等。...
浅谈 css的zoom属性
热门推荐
前端小白
07-04 10万+
zoom这个属性是ie专有属性，除了设置或者检索对象的缩放比例之外，它还有可以触发ie的haslayout属性，清除浮动，清除margin重叠等作用。 不过值得注意的一点就是火狐浏览器不支持zoom属性，但是在webkit内核浏览器中zoom这个属性也是可以被支持的。     （1）下面我们来看下zoom在非IE浏览器中的作用：看下面的例子，我是在谷歌浏览器下访问的，在该例子中zoom的作用是放
.clear 万能清除浮动(clearfix:after)
09-25
有时候我们需要清楚浮动的一些操作，这里介绍的是clearfix:after的实例代码，需要的朋友可以参考下
zoom:1的常见作用
weixin_34409822的博客
03-09 485
zoom是IE专用属性，firefox等是不支持的。它的本来作用是设置或检索对象的缩放比例，但这作用几乎用不到。 可以让网页实现IE7中的放大缩小功能。比如你想让你的网页缩小为原来的一半，那么就在body中加入style="zoom:0.5" 设置zoom:1可以在IE6下清除浮动、解决margin导致的重叠等问题。 通常，当浮动子元素导致父元素塌陷的时候，只要给父元...
清除浮动
weixin_44713446的博客
03-14 426
万能清除： 父元素选择符：after{content:“内容”;clear:“both”;display:block; height:0;overflow:hidden;visibility:hidden;} visibility:hidden隐藏/visible可见（隐藏后仍占据·空间）TOC](这里写自定义目录标题) 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编...
CSS 定位和布局常用标签
库鲁卡
07-25 122
                                                                定位    1，定位方式  position                   static（默认值）：对象遵循常规流，top，right，bottom，left等属性不会被应用；               relative：对象遵循常规流  top，righ...
CSS基础 —— 恶补zoom:1的原理和应用
qq_32614411的博客
10-09 832
zoom的作用是设置或检索对象的缩放比例。 设置body的zoom属性，可以实现网页缩小为原来的一半。 body { zoom: 0.5 } 设置zoom:1可以在低版本IE下触发IE浏览器的haslayout，用于清除浮动，解决margin导致的重叠等问题 通常，当浮动子元素导致父元素高度塌陷的时候，只要给父元素加上overflow: hidden;来解决（触发BFC），但是对...
万能清除浮动
weixin_30871293的博客
03-07 152
.clearfix:after { content: "020"; display: block; height: 0; clear: both; } .clearfix { zoom: 1; } 转载于:https://www.cnblogs.com/ivan5277/p/10492676.html
万能闭合div（清除浮动float）推荐使用
布丁黑板报
03-19 1175
关于清楚浮动下面这两篇可以参考。方法比较多了 http://blog.sina.com.cn/s/blog_6c0785310100wwm9.html http://blog.sina.com.cn/s/blog_6c0785310100wwmg.html 代码示例1 .clearfix:after{content:”.”;display:block;height:0;clea
[CSS]CSS浮动float详解（三）：清除浮动方案
Feathers的个人笔记
12-16 1338
阅读前请看[CSS]CSS浮动float详解（二）：使用floatfloat虽然带来了很多好处，但是也带来了一些问题。问题：<!DOCTYPE html> <html> <head> <title>测试</title> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0
css中万能清除浮动样式
VB与外部数据库的烦恼
12-27 169
有一种方式可以万能的清除浮动，只要在想要清除的盒子里面再给一个类名然后再利用伪对象设置属性 什么伪对象呢？常见的有:after{} :before{} :first-letter{} :first-line{}, 下面我来一 一介绍一下！ :after{ content:' '清空,你也可以添加字符，这样的话所添加的字符会在这个选择器所选择的元素后面添加字符 overf...
.clearfix { *zoom: 1 }
最新发布
06-06
这是一个 CSS 样式表中的类选择器，用于清除浮动（clear float）。*zoom:1 是为了让 IE6/IE7 识别该元素为块级元素，从而触发 hasLayout，从而实现清除浮动的效果。这种方式已经被广泛应用，但是不符合 W3C 标准。现在更常用的清除浮动的方式是使用 clearfix 类或者使用 overflow:hidden 属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值