www.uu2018.com Open in urlscan Pro
240e:bf:c800:410::1b  Public Scan

Form analysis
3 forms found in the DOM

Name: replyForm — POST ../news_deal.php?mudi=message

<form id="replyForm" class="comment-write-form" name="replyForm" method="post" action="../news_deal.php?mudi=message" onsubmit="return CheckReplyForm();">
  <script language="javascript" type="text/javascript">
    document.write('<input type="hidden" name="backURL" value="' + document.location.href + '" />')
  </script>
  <input type="hidden" id="rndMd5" name="rndMd5" value="2a5c9dd6a7bdffc4fa511c6c12329fa3">
  <input type="hidden" name="infoID" value="459">
  <input type="hidden" name="isReply" value="1">
  <input type="hidden" id="replyUserID" name="replyUserID" value="0">
  <input type="hidden" id="replyContentMaxLen" name="replyContentMaxLen" value="500">
  <div class="form-item">
    <div class="item-title">
      <span class="user-avatar"><i class="thumb " style="background-image:url(../themes/images/avatar.png)"></i></span>
    </div>
    <div class="item-content">
      <span id="replyUserStr"></span>
      <div id="faceInitBox" style="display:none;"></div>
      <span class="user-name" id="replyUserBox"> <input type="text" id="replyUser" name="replyUser" value="游客" class="txt txt_user_name placeholder txt_empty" maxlength="25">
      </span>
    </div>
  </div>
  <div class="form-item">
    <div class="item-title"> <label for="comment_word">评论</label> </div>
    <div class="item-content">
      <a id="replyArea" name="replyArea"></a>
      <textarea id="replyContent" rows="1" name="replyContent" class="comment-word txt lineLen placeholder txt_empty" data-placeholder="您的评论会经编辑或作者筛选后显示，全站可见，请文明发言。" data-total="800" data-line="117" data-init="done" style="height: 49px;"></textarea>
      <span id="conMaxLenBox" class="rest">(<span id="conCurrLen">0</span>/500) </span>
    </div>
  </div>
  <div class="form-item form-yzm">
    <div class="item-title"> <label for="yzm"> 验证码 </label> </div>
    <div class="item-content">
      <input type="text" id="verCode" name="verCode" maxlength="16" autocomplete="off" onfocus="GetVerCode(&quot;input&quot;)" class="txt yzm comment-yzm placeholder txt_empty" title="如看不清验证码，可以点击验证码进行更换">  <span id="showVerCode" class="font2_2"
        onclick="GetVerCode(&quot;font&quot;)" style="cursor:pointer;line-height:49px;">点击获取验证码</span>
    </div>
  </div>
  <div class="form-item">
    <div class="item-title"> &nbsp; </div>
    <div class="item-content">
      <button type="submit" class="btn btn-blue btn-submit">提交评论</button>
    </div>
  </div>
</form>

Name: referForm — GET

<form id="referForm" name="referForm" class="search-form" method="get" action="" onsubmit="return CheckRefForm()">
  <div class="search-form-wrap">
    <input type="hidden" id="mudi2" name="mudi2" value="refer">
    <div class="txt">
      <input type="text" class="s" id="refContent" name="refContent" value="" style="color: rgb(165, 158, 163);">
    </div>
    <select id="refMode" name="refMode" class="searchSelect" style="display: none">
      <option value="theme">站内搜索(标题)</option>
    </select>
    <div class="btns">
      <button type="submit" class="search-btn"> <i class="fa fa-search"></i> <span>搜索</span> </button>
    </div>
  </div>
</form>

Name: referForm — GET

<form id="referForm" name="referForm" class="search-form" method="get" action="" onsubmit="return CheckRefFormWap()"> <input type="hidden" id="mudi2" name="mudi2" value="refer"><input type="text" class="txt placeholder" id="refContent2"
    name="refContent2" data-placeholder="请输入想要搜索的内容" value=""><select id="refMode2" name="refMode2" class="searchSelect" style="display: none">
    <option value="theme">站内搜索(标题)</option>
  </select> <button type="submit" class="btn"> <i class="fa fa-search"></i> <span>搜索</span></button> </form>

Text Content

菜单

 * 首页
 * 网页模板
   * HTML模板
   * 网钛模板
   * PBootCMS模板
 * 源码
   * Java源码
   * C#源码
   * PHP源码
   * C/C++源码
   * Python源码
   * asp源码
 * 办公
   * PPT模板
   * Word模板
   * Excel模板
   * XMind模板
 * 插件
   * CMS插件
   * 幻灯轮播图
   * 菜单导航
   * 表单输入
   * 音频视频
   * 弹出层
   * 图表
   * CSS3动画
   * 小游戏
   * 网页布局
   * 日期和时间
   * 加载与上传
   * VUEJS插件
 * 软件素材
   * 图标元素
   * 工具软件
 * 教程
   * CMS教程
   * 网页设计
   * 数据库教程
   * 服务器教程
   * 网站运营
   * 移动互联

 * 登录
   
   第三方登录且同意用户协议
   
   文章收藏
   资源下载
   在线投稿


CSS中ZOOM是什么意思 ZOOM的常见作用详解

当前位置：
首页
 > 
教程
 > 
网页设计

时间：2021-11-24
类别：教程 - 网页设计
我要投稿
内容概述 评论

【VIP会员礼包】加入会员畅享下载，赠送VIP会员礼包 查看礼包戳>>>


ZOOM有什么用？

zoom是IE专用属性，firefox等是不支持的。它的本来作用是设置或检索对象的缩放比例，但这作用几乎用不到。

可以让网页实现IE7中的放大缩小功能。比如你想让你的网页缩小为原来的一半，那么就在body中加入style="zoom:0.5"

设置zoom:1可以在IE6下清除浮动、解决margin导致的重叠等问题。

通常，当浮动子元素导致父元素塌陷的时候，只要给父元素加上overflow: hidden;来解决，但是对于IE不行，需要触发其hasLayout属性才可以。 

zoom:1就是IE6 专用的 触发 haslayout 属性的。hasLayout是IE特有的一个属性。很多的IE下的css
bug都与其息息相关。在IE中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。


ZOOM的常见作用详解

hasLayout对于内联元素也可以有效果，当内联元素的hasLayout为true的时候，可以给这个内联元素设定高度和宽度并得到期望的效果。具体关于hasLayout的知识点，可以另外搜索。

通常，在给低版本的IE做兼容的时候会用到zoom:1。例如，清除浮动的时候，我们会这么写

.clearfix::after{content: ".";clear: both;display: block;visibility:
hidden;overflow: hidden;height: 0;*zoom:1}

为了防止低版本的IE浏览器不支持after选择器或者某些属性，在最后加上zoom:1来清除浮动。

为了实现inline-block的兼容的时候，我们会这么写：｛display:
inline-block;*display:inline;*zoom:1;｝因为在IE6、IE7下，只有设置在默认显示方式为inline的元素上才会生效。前面说过，当内联元素的hasLayout为true的时候，可以给这个内联元素设定高度和宽度并得到期望的效果，所以这样做可以达到兼容inline-block的效果。

这里还要补充一点，为什么*display:inline;*zoom:1;前面有*，*放在css属性前面，表示这个属性仅仅应用到Internet Explorer
7 以及以下版本。因为Internet Explorer 版本 7
以及以下承认非字母数字（除了下划线）前缀的属性。所以这里，IE7以上的版本作用的是display:
inline-block;而在IE7及以下的版本中作用的是display:inline;zoom:1。




23赞
收藏


继续阅读与本文标签相同的文章：

标签：作用  常见  意思  详解  是什么  



上一篇

JAVA结合Email实现邮件自动推送的方法


下一篇

JS实现点赞效果 CSS加JS点赞代码分享


发表评论 快来秀出你的观点

评论
(0/500) 
验证码
  点击获取验证码
 
提交评论

没有更多评论了
评论就这些咯，让大家也知道你的独特见解 立即评论
以上留言仅代表用户个人观点，不代表悠悠设计立场


热门排行

 * 1html使用A标签发起post请求两种用法举例
 * 2Layui图片上传组件的使用方法与参数详解
 * 3HTML网页调用摄像头拍照的实现方法
 * 4HTML5手机页面实现视频全屏播放的方法
 * 5网页使用iframe嵌入自适应的百度自定义地图的方法
 * 6解决QQ登录时显示redirect uri is illegal(100010)的方法
 * 7HTML5网页播放视频时有声音无图像的解决办法
 * 8解决HTML中iframe框架中的内容不刷新的方法
 * 9rem或viewport进行移动端适配使用详解与优缺点
 * 10响应式前端界面图片大小不一导致的页面错位的解决方法


最近更新

1


微信小程序中实现音视频通话方法

2


CSS样式中颜色类型与颜色值的应用示例

3


深入了解前端的颜色模型，RGB、HSL和HSV

4


CSS FLOAT浮动布局与案例讲解

5


PHPSTORM使用XDEBUG实现PHP断点调试配置的方法

6


CSS3实现一个商品展示框

7


关于JAVA对象的深拷贝和浅拷贝的概念与区别

8


详解CSS3 FLEX弹性布局

9


PHP网页静态化的优缺点与静态页面的实现方法

10


什么是WEB3？关于WEB3技术的应用








相关文章

 *  11-25
   织梦后台500错误的常见原因与解决方法
 *  11-25
   什么是HTTP状态码 详解服务器返回的常见HTTP状态码
 *  11-25
   详解css3中的伪类before和after基本用法与示例
 *  11-25
   CSS3 overflow属性详解与代码示例
 *  11-25
   div嵌套div时margin边距不起作用的解决方案
 *  11-25
   详解织梦dedecms友情链接标签{dede:flink /}用法
 *  11-25
   rem或viewport进行移动端适配使用详解与优缺点
 *  11-25
   织梦Dede如何防范被挂马 详解织梦安全设置
 *  11-25
   织梦arclist标签中orderby的使用方法与参数详解
 *  11-25
   织梦Dedecms首页调用关于我们内容的标签详解


网页模板
全部


基于CSS框架BOOTSTRAP5响应式HTML后台模板

HTML模板 181


两款响应式式的步骤进度条HTML模板

HTML模板 173


多用途和响应式的落地引导单页模板

HTML模板 89


两种布局设计的COMINGSOON即将上线页面

HTML模板 86


下载网页模板与网页素材就上悠悠设计

HIGH-QUALITY CHINESE TEMPLATE SITE

做设计的小肥肥 @YouYou
按Ctrl+D收藏本站

分享交流学习成长
网页模板，网页素材
网站设计模板与素材下载平台

 * 悠悠微博
   
   @
   
   
   *
   
   *正在更新
   
   @
   
   
   *
   
   *正在更新

 * 微信
   
   微信公众号
   
   微信号：悠悠设计
   
   YOUYOU微信
   
   微信：AZZY.R

 * QQ群
   
   悠悠设计交流群
   
   建站设计技术交流
   
   扫码加群


悠悠设计


模板与素材下载的领航者


关于悠悠设计

 * 关于我们
 * 最新更新
 * 在线留言
 * 帮助中心
 * 网站地图
 * sitemap


支持与服务

 * 联系我们
 * 常见问题
 * 用户协议
 * 技术交流群
 * 在线反馈
 * 我要投稿


热门资源

 * 网页模板
 * 源码下载
 * 办公模板
 * 网页插件
 * 网页素材
 * 常用软件


热门教程

 * CMS教程
 * 网页设计
 * 数据库教程
 * 服务器教程
 * 网站运营
 * 移动互联

Copyright © 2023 悠悠设计 uu2018.com 苏ICP备15050911号-3

 * 关于我们
 * 注册协议
 * 免责声明
 * 联系我们
 * QQ交流群

YouYou微信
微信号：azzy.R

扫码加好友

客服QQ
191670709






HTML模板

HTML静态设计模板下载


PBOOTCMS模板

PBOOTCMS企业与个人建站模板


网钛CMS模板

网钛PHP|ASP资源模板


PPT模板

适用于各业行业和个人使用


WORD模板

个人简历|合同范本|书信


EXCEL模板

人事管理|行政管理|财务相关


XMIND模板

商业运维推广思维导图


幻灯轮播图


菜单导航


表单输入


音频视频


弹出层


图表


CSS3动画


小游戏


网页布局


日期和时间


加载与上传


VUEJS插件


JAVA源码


C#源码


PHP源码


C/C++源码


PYTHON源码


ASP源码


软件素材

常用软件与设计素材下载


图标元素

网页的图标设计与元素设计


常用软件

建站与设计必备的工具软件


CMS教程


网页设计


数据库教程


服务器教程


网站运营


移动互联


搜索


站内搜索(标题)
搜索


近期热门


站内搜索(标题) 搜索
 * 首页
 * 网页模板
   
   
   HTML模板
   
   HTML静态设计模板下载
   
   
   PBOOTCMS模板
   
   PBOOTCMS企业与个人建站模板
   
   
   网钛CMS模板
   
   网钛PHP|ASP资源模板
   
   * HTML模板
   * 网钛模板
   * PBootCMS模板
 * 源码
   
   
   JAVA源码
   
   
   C#源码
   
   
   PHP源码
   
   
   C/C++源码
   
   
   PYTHON源码
   
   
   ASP源码
   
   * Java源码
   * C#源码
   * PHP源码
   * C/C++源码
   * Python源码
   * asp源码
 * 办公
   
   
   PPT模板
   
   适用于各业行业和个人使用
   
   
   WORD模板
   
   个人简历|合同范本|书信
   
   
   EXCEL模板
   
   人事管理|行政管理|财务相关
   
   
   XMIND模板
   
   商业运维推广思维导图
   
   * PPT模板
   * Word模板
   * Excel模板
   * XMind模板
 * 插件
   
   
   幻灯轮播图
   
   
   菜单导航
   
   
   表单输入
   
   
   音频视频
   
   
   弹出层
   
   
   图表
   
   
   CSS3动画
   
   
   小游戏
   
   
   网页布局
   
   
   日期和时间
   
   
   加载与上传
   
   
   VUEJS插件
   
   * CMS插件
   * 幻灯轮播图
   * 菜单导航
   * 表单输入
   * 音频视频
   * 弹出层
   * 图表
   * CSS3动画
   * 小游戏
   * 网页布局
   * 日期和时间
   * 加载与上传
   * VUEJS插件
 * 软件素材
   
   
   软件素材
   
   常用软件与设计素材下载
   
   
   图标元素
   
   网页的图标设计与元素设计
   
   
   常用软件
   
   建站与设计必备的工具软件
   
   * 图标元素
   * 工具软件
 * 教程
   
   
   CMS教程
   
   
   网页设计
   
   
   数据库教程
   
   
   服务器教程
   
   
   网站运营
   
   
   移动互联
   
   * CMS教程
   * 网页设计
   * 数据库教程
   * 服务器教程
   * 网站运营
   * 移动互联

下载模板就来悠悠
优质素材每日更新