Background-size:cover and-webkit-background-size

When using jade and styl to write a phone page, and the element is a background image, it is often used to background-size cover, which means that the background image is covered with the entire element, and to ensure that the background image aspect ratio.

That is, when the picture is smaller than the container, and cannot be implemented using Background-repeat, we can use cover; enlarge the background image to fit the size of the container

or the width height of the set element is the width of the background image, and the setting Margin-left is half the width of the element to center the element on the phone screen.

Background-size:cover and-webkit-background-size