📜  CSS | zoom 属性

📅  最后修改于: 2021-09-01 02:19:03             🧑  作者: Mango

CSS 中的 zoom 属性用于放大或缩小内容。这个属性是在 Internet Explorer 被其他一些浏览器支持之前实现的。

句法:

zoom: percentage | number | normal;

属性值:该属性接受上面提到和下面描述的三种类型的值:

  • 百分比:此属性包含与原始内容相比将增加或减少的百分比的数字,根据数字进行放大或缩小,例如zoom:150%; .这意味着内容将比原始内容大 150%。
  • number:该属性保存将与原始内容相乘的数字,根据数字进行放大或缩小,例如zoom:1.5; .这意味着内容将比原始内容大 1.5 倍。
  • normal:这个属性保存了没有放大或缩小的正常内容,基本上这个属性是告诉浏览器zoom:1

示例:此示例使用 CSS 缩放属性来调整图像大小。

 
 
  
 
     
        CSS | zoom property 
     
  
     
 
  
 
    
          

GeeksforGeeks

                     

CSS | zoom property

                     
                                         
      
      

输出:

支持的浏览器: CSS zoom 属性支持的浏览器如下:

  • 谷歌浏览器
  • IE浏览器
  • 苹果浏览器