CSSは全画面切り替え効果を実現

3133 ワード

CSSでdivをフルスクリーンにする方法


フルスクリーンフィーチャ
  • フルスクリーンの要素とその親要素は、height:100%
  • に設定する.
  • html、bodyタグ設定height:100%
  • (注:height:100%は親要素の高さの変化に従って変化します)

    1.画像横並びは全画面切り替え効果を示す

    
    
    
      
      Document
      
    
    
      

    this is the page

    this is the page

    this is the page

    this is the page


    効果を示す

    2.画像縦組みは全画面切り替え効果を示す

    
    
    
      
      Document
      
    
    
      

    this is the page

    this is the page

    this is the page

    this is the page


    効果を示す