背景图以拉伸方式（不重复）填充背景

今天要解决一个用背景图以拉伸方式（不重复）填充背景的问题。css 看了《用CSS把背景图片拉伸》和《css 如何让背景图片拉伸填充避免重复显示》后用background-repeat配合background-size解决了底图不重复的问题。但另外一个问题来了，图片是按宽度做为比例进行缩放的，若是这张图是横向，在手机竖向时，下面一截就空了，以下图：html 再次看《用CSS把背景图片拉伸》时发现示例

>>阅读原文<<