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