主页
CSS
CSS3 object-fit 属性
trycss3_object-fit2
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <h2>使用 object-fit</h2> <p>这里我们使用“object-fit: cover;”，所以当我们调整浏览器窗口大小时，图像的宽高比会被保留：</p> <div style="width:100%;height:400px;"> <img src="/demo/images/rock600x400.jpg" alt="挪威" style="float:left;width:50%;height:100%;object-fit:cover;"> <img src="/demo/images/paris.jpg" alt="巴黎" style="float:left;width:50%;height:100%;object-fit:cover;"> </div> </body> </html>