Fullscreen API をさわったのでメモ - Qiitadocument.querySelector('img').requestFullScreen()とかすると画像が全画面表示されるやつ。画面ロード直後にいきなり全画面表示とかはできないようになってるのでclickイベント内とかで行う。 詳しくは以下 フルスクリーンモードを使用する - Web developer guide | MDN 画像ギャラリー的なUIでの利用を想定してみる。画像をクリックしたら最大化表示されるやつ。 <style> img{ width: 300px; height: 233px; border: solid 4px #aaa; border-radius: 16px; } img:hover{ border-color: #00aaff; cursor: pointer; } </style> </head> <body> <h1>FullScreen Demo
