圖像在 CSS 中縮放

Question

我正在使用 CSS 來縮放圖像，但是當我調整窗口大小時，所有圖像都會按不同大小縮小（見附圖）。 任何線索我需要做什么才能使其響應

 .boxcontainer { position: relative; width: 100%; } .grid-wrap { display: grid; grid-template-columns: auto auto auto auto; position: relative; } .img { width: 336px; height: 336px; float: left; object-fit: cover; margin-left: 10px; background-color: #ffffff; }

 <div class="boxcontainer"> <div class="textheader">New</div> <a href="https://my server.com/pages/121/new"> <img src="https://cdn5.dcbstatic.com/files/n/y/myserver/userfiles/54340/no.png" class="image" /></a> </div>

Answer 1

object-fit + object-size + object-position CSS 屬性可以幫助您在固定大小的容器內移動 img