CSS实现全屏切换效果

如何通过CSS使div实现全屏效果

全屏要素

• 全屏的元素及其父元素都要设置height:100%

• 将html、body标签设置height:100%

（注：height:100%是跟随其父元素高度变化而变化的）

1.图片横排展示全屏切换效果

  
  
  


  

    

      

        
this is the page
      
      

        
this is the page
      
      

        
this is the page
      
      

        
this is the page
      
    
  

展示效果

2.图片竖排展示全屏切换效果

  
  
  


  

    

      

        
this is the page
      
      

        
this is the page
      
      

        
this is the page
      
      

        
this is the page
      
    
  

展示效果