html运行实例（css3_object-fit_without

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

<!DOCTYPE html>
<html>
<body>

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

<p>在这里，我们没有使用 "object-fit"，因此如果我们调整浏览器窗口的大小，会破坏图像的长宽比：</p>

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

</body>
</html>