在实际的开发中，我们经常使用的背景图片比屏幕要小一点，这时候我们希望这个背景图片自动的铺满而不repeat，并且为了美观，我们希望保持其图片原有的长宽比。这时候，我们使用以下方法就可以了

<style type="text/css">
.bk{
  background-image: url(http://tupian.aladd.net/photo2/1611.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
</style>

<body class="bk">
</body>
版权声明：本文为WKY_CSDN原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/WKY_CSDN/article/details/67639957