W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <h1>使用 object-fit</h1> <p>此处我们用了 "object-fit: cover;"，因此如果我们调整浏览器窗口大小，图像的高宽比会被保留：</p> <div style="width:100%;height:400px;"> <img src="/i/photo/tiyugongyuan.jpg" alt="Shanghai" style="float:left;width:50%;height:100%;object-fit:cover;"> <img src="/i/photo/tulip.jpg" alt="Tulip" style="float:left;width:50%;height:100%;object-fit:cover;"> </div> </body> </html>