zoukankan      html  css  js  c++  java
  • css3中的zoom元素属性值测试

    在样式表里头看到zoom:1的设置,很是好奇就去找了一些资料发现关于这个的讲述还是比较少。


    理论知识

    语法:

    zoom:normal | <number> | <percentage>

    默认值:normal

    适用于:所有元素

    继承性:有

    动画性:是

    计算值:绝对长度

    取值:

    normal:
    使用对象的实际尺寸。
    <number>
    用浮点数来定义缩放比例。不允许负值
    <percentage>
    用百分比来定义缩放比例。不允许负值

    兼容性:

    • 浅绿 = 支持
    • 红色 = 不支持
    • 粉色 = 部分支持
    ValuesIEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
    Basic Support 6.0+ 2.0-40.0 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+

    测试代码块

     
    <fieldset>
        <legend><h4>zoom属性说明</h4></legend>
        <span>
            <em>设置或检索对象的缩放比例</em>,对应的特性为zoom.
            <br/>当前主流的浏览器仅Mozilla Firefox(火狐浏览器)不支持zoom.
        </span>
    </fieldset>
    <p style="zoom: normal">normal</p>
    <p style="zoom: 1.5">number(No minus)</p>
    <p style="zoom: 60%">percentage(No minus)</p>
    

      在Chrome中的效果图

    从零到现在,一路走来,感谢众多无私的知识分享者,我愿意为你们接下一棒!
  • 相关阅读:
    多态
    封装,继承,多态
    基本类型和引用类型的区别
    第七天 面向对象
    什么是Java线程池
    游戏内核架构
    放松
    静不下来心写代码
    速度和正确率
    理顺思路
  • 原文地址:https://www.cnblogs.com/Jener/p/5877340.html
Copyright © 2011-2022 走看看