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