📌  相关文章
📜  CSS zoom属性

📅  最后修改于: 2020-11-05 01:09:14             🧑  作者: Mango

CSS　zoom

此CSS属性缩放内容。它管理内容的放大级别。除了使用此属性，我们还可以使用以下转换：scale();属性。

不建议使用此CSS属性，因为某些浏览器不支持此属性。这是一项非标准功能，建议不要在生产现场使用。它最初是在IE浏览器中实现的。

句法

zoom: normal | number | percentage | reset ;

该属性支持上面提到的值，如下所述。

正常：将元素显示为其正常大小。它定义了元素的正常大小。 Tt保留不缩小或放大的普通内容。其值为zoom：1；

数字：它是一个正浮点值，表示缩放系数。其值小于1.0表示缩小(或减小尺寸)，而大于1.0表示放大(增大尺寸)。假设我们指定zoom：1.5；那么内容将是原始内容的1.5倍。

百分比：它定义一个百分比值。它的100％值等于正常值。它使用百分比值缩放内容。其值大于100％表示放大，而值小于100％表示缩小。假设我们定义缩放比例：175％；则意味着内容将比原始内容大175％。

我们可以使用下面给出的一些插图来了解此属性。

例1

  
  
  
  
      
        CSS zoom 
      
  
      
  
  
  
    
           
        
CSS zoom property
            
        
  
        
original image

              
          
Magnified image zoom: 0.75;

                          
          
Magnified image zoom: 1.5;

例2

  
  
  
  
      
        CSS zoom 
      
  
      
  
  
  
    
           
        
CSS zoom property
            

zoom: normal;


zoom: 200%;


zoom: 2.9;