Home
HTML
HTML
Tryit: HTML
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <body> <h2>使用 object-fit</h2> <p>这里我们使用“object-fit: cover;”，所以当我们调整浏览器窗口大小时，图像的宽高比会被保留：</p> <div style="width:100%;height:400px;"> <img src="rock600x400.jpg" alt="挪威" style="float:left;width:50%;height:100%;object-fit:cover;"> <img src="paris.jpg" alt="巴黎" style="float:left;width:50%;height:100%;object-fit:cover;"> </div> </body> </html>