`
WU_Chihiro
  • 浏览: 7708 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

清除浮动===【zoom】用法

    博客分类:
  • CSS
CSS 
阅读更多
1.清浮动的兼容性写法:style="clear:both;zoom: 1;"  eg:<div style="clear:both;zoom: 1;"></div>

2.用css中的zoom属性可以让网页实现IE7中的放大缩小功能。

比如你想让你的网页缩小为原来的一半,那么就在body中加入style="zoom:0.5",如:

<body style="zoom:0.5">


作用:Zoom属性除了清除浮动还有其它一些小作用,比如触发IE的hasLayout属性,清除浮动、清除margin的重叠等


Zoom的使用方法:

zoom : normal | number

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

number :  百分数 | 无符号浮点实数。

zoom:后面的数字即放大的倍数,可以是数值,也可以是百分比。如:zoom:1,

zoom:120%。 而这个属性只要在IE中才起作用(不绝对)
0
0
分享到:
评论

相关推荐

    详解CSS中zoom属性或overflow:auto属性清除浮动的作用

    因为Zoom属性是IE浏览器的专有属性,所以他清除浮动作用只适用于IE浏览器,而Firefox、google等浏览器则需要使用overflow:auto属性来清除浮动。所以要达到兼容IE6、IE7、IE8、Firefox、google浏览器的时候就必需使用...

    浮动从何而来 我们为何要清除浮动 清除浮动的原理是什么

    本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。 一、清除浮动 还是 闭合浮动 (Enclosing float or Clearing float)? 很多人都已经习惯称之为清除浮动,以前我也一直这么叫着,但是确切地来说...

    css如何清除浮动常用的方法有哪些

    如何清除浮动? 方法1: #test{clear:both;} #test为浮动元素的下一个兄弟元素 方法2: #test{display:block;zoom:1;overflow:hidden;} #test为浮动元素的父元素。zoom:1也可以替换为固定的width或height 方法3...

    ZoomIt中文汉化版

    ZoomIt是一款非常实用的一个超级好用的投影演示辅助工具,ZoomIt只有一个exe文件(0.5MB)、完全免费、易于使用。通过快捷键可以很方便地调用ZoomIt三项功能: 屏幕放大、屏幕注释、定时提醒。一个仅有40KB的绿色...

    css 怎么清除浮动

    我们粗略的一起来看看清除浮动的办法一共有多少个(IE里面用zoom:1就不写了,下一个专题再写)。对应的DEMO 采用伪类:after进行后续空制的高度位零的伪类层清除 采用CSS overflow:auto的方式撑高 采用CSS overflow:...

    Zoom视频会议软件电脑版安装包 ZoomInstaller(电脑版).exe

    但是在PC端下载安装Zoom的过程中,我也曾遇到了许多问题,总是安装不成功,不能正常使用,因此在网上找了许多的资源和安装教程,最终找到了现在这个安装包,终于能够成功安装Zoom并正常使用。因此,我想要将这一资源...

    GoogleBooksLists.Txt

    http://books.google.ae/books?id=I5EnKiZm3uUC&hl=zh-CN&pg=PA142&img=1&zoom=3&hl=zh-CN&sig=ACfU3U2qvQpFCQXmO6ndeha1ftAJyIuS0A&w=800&gbd=1 ...

    DIV 再论清除浮动的空方法

    CSS 使用浮动会造成布局的混乱,通常清除浮动的方法是,利用一个如下样式的空 Div: &lt;div class=clear&gt; .clear{clear:both;} 更为优良的 CSS 代码是: .clear:after{content:.;display:block;height:0;clear:both;...

    css hack之清除浮动(clearfix)

    但这样增加了页面的结构的源代码,造成代码的拥肿,其实也可以有更好的办法, 在浮动元素的外包clearfix样式 复制代码代码如下: &lt;div class=”clearfix”&gt; &lt;div class=”fl”&gt;&lt;/div&gt; &lt;div class=”fr”&gt;&lt;/div&gt; ...

    jQuery zoom图片弹出层插件简单的图片相册弹出层窗口

    jQuery zoom图片弹出层插件简单的图片相册弹出层窗口展示代码 引入相关js和css文件 &lt;link rel="stylesheet" href="css/zoom.css" media="all" /&gt; [removed][removed] [removed][removed] html 格式 ...

    CSS中的zoom属性和scale属性的用法及区别

    zoom 属性语法:zoom:normal | &lt;number&gt; | 默认值:normal适用于:所有元素继承性:有取值:normal:使用对象的实际尺寸。&lt;number&gt;:用浮点数来定义缩放比例。不允许负值&lt;percentage&gt;:用百分比来定义缩放比例。不...

    Zoom for macOS版本

    Zoom 是现代企业视频通讯领导者,提供简捷可靠的云平台,帮助企业在移动设备、电脑和会议室系统上轻松进行视频和音频会议、聊天以及网络研讨会。作为一款基于软件的原创会议室解决方案,Zoom Rooms 在全球范围内被...

    python办公自动化之pdf文件批量转图片导入word

    def covert2pic(file_path, zoom, png_path): doc = fitz.open(file_path) total = doc.page_count for pg in range(total): page = doc[pg] zoom = int(zoom) # 值越大,分辨率越高,文件越清晰 rotate = int...

    JS中使用 after 伪类清除浮动实例

    以前清除浮动的时候总是在想要清除浮动的元素后面添加 &lt;div xss=removed&gt; 或者写在br标签里面来解决,但这样会增加无语义的标签,下面是用after伪类实现,兼容多种浏览器 .clearfix:after{ content:; display:...

    Zoom Player MAX 13.x Patch

    Zoom Player是由Inmatrix公司开发一款加强型Windows Media Player外壳播放器。拥有最强大的Direct Show滤镜/分离器控制系统,使您可以随心所欲...3、详细使用方法请参考压缩包中的使用说明! 4、恭喜你,你成功了。^_^

    Zoom 远程会议免费版

    Zoom 远程会议, Zoom 远程会议 Zoom 远程会议 Zoom 远程会议 Zoom 远程会议

    演示必备辅助软件 ZoomIt

    无需安装,解压缩即可使用。软件具备的功能:屏幕放大、屏幕标注、定时。设定相应快捷键(默认为ctrl+1/2/3)当您第一次运行ZoomIt,它将弹出一个配置对话框,描述ZoomIt能做什么,让你指定热键来更方便的进入缩放或...

    cloud-zoom.js

    cloud-zoom.jscloud-zoom.jscloud-zoom.jscloud-zoom.js

    clearfix:after清除浮动的用法及测试代码

    今天回顾一下css中的清除浮动 复制代码代码如下: .clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden} /*所有主流浏览器都支持 :after 伪元素。*/ .clearfix{*+height:1%;}/*不...

Global site tag (gtag.js) - Google Analytics