html运行实例（css3_object-fit

代码示例：（标识：css3_object-fit_2）

<!DOCTYPE html>
<html>
<body>

<h1>使用 object-fit</h1>

<p>此处我们用了 "object-fit: cover;"，因此如果我们调整浏览器窗口大小，图像的高宽比会被保留：</p>

<div style="width:100%;height:400px;">
  <img src="/static/demo/images/tiyugongyuan.jpg" alt="Shanghai" style="float:left;width:50%;height:100%;object-fit:cover;">
  <img src="/static/demo/images/tulip.jpg" alt="Tulip" style="float:left;width:50%;height:100%;object-fit:cover;">
</div>

</body>
</html>