css中的zoom是什么

  • 原创
  • |
  • 浏览：3559
  • |
  • 更新：
  • |
  • 标签：CSS 
  • css中的zoom是什么1
  • css中的zoom是什么2
  • css中的zoom是什么3
  • css中的zoom是什么4
  • css中的zoom是什么5
  • css中的zoom是什么6
  • css中的zoom是什么7
分步阅读

在css中，zoom属性主要用于设置缩放比例，通过此属性，可以实现元素的放大与缩小。下面小编举例讲解css中的zoom是什么。

css中的zoom是什么

工具/原料

  • html+css
  • 代码编辑器：Dreamweaver CS5

方法/步骤

  1. 1

    新建一个html文件，命名为test.html，用于讲解css中的zoom是什么。

    css中的zoom是什么
  2. 2

    在test.html文件内，使用div标签创建三行文字，文字内容为“百度经验”，下面将通过zoom来进行样式设置。

    css中的zoom是什么
  3. 2
    此文章非法爬取自百度经验
  4. 3

    在test.html文件内，分别给三个div标签设置class属性，属性值分别为txt1，txt2，txt3，主要用于下面通过该class来设置css样式。

    css中的zoom是什么
  5. 4

    zoom属性可以使用对象的实际尺寸来设置。例如，在css标签中，设置类名为txt1的div的zoom属性值为normal。

    css中的zoom是什么
  6. 5

    zoom属性可以使用浮点数来定义缩放比例，但不允许负值。例如，在css标签中，设置类名为txt2的div的zoom属性值为5。

    css中的zoom是什么
  7. 6

    zoom属性可以使用百分比来定义缩放比例，但不允许负值。例如，在css标签中，设置类名为txt3的div的zoom属性值为300%。‘

    css中的zoom是什么
  8. 7

    在浏览器打开test.html文件，查看zoom属性设置的三种方法实现的效果。

    css中的zoom是什么
    END

总结：

  1. 1

    1、创建一个test.html文件。

     

    2、在文件内，使用div标签创建三行文字。

     

    3、在css标签内，分别对div标签内的文字应用不同的zoom属性，查看zoom所实现的效果。

    END

注意事项

  • zoom属性并不能完成兼容所有浏览器，例如，不兼容火狐浏览，兼容IE浏览器。
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
相关标签CSS