微件:Hydrogina/九宫格2

<style>

       .thumbnail {
           position: relative;
           z-index: 0;
           display: inline-block;
           width: fit-content;
           width: -webkit-fit-content;
           width: -moz-fit-content;
       }

       .thumbnail:active {
           z-index: 999;
       }

       .cover {
           width: 100px;
           height: 100px;
           object-fit: cover;
       }

       .thumbnail span img {
           display: none;
           position: fixed;
           width: auto;
           height: auto;
           max-height: 100vh;
           max-width: 100vw;
           top: 0;
           left: 0;
           bottom: 0;
           right: 0;
           margin: auto;
           box-shadow: 6px 6px 8px #666666;
       }

       .thumbnail:active span img {
           display: block;
       }
   </style>