如何防止图片变形

在写代码的时候经常会使用image标签. 这个标签是用来嵌入图片的. 但是这个标签在一定程度下会变形. 所以我们可以使用其他方法来防止图片变形.

div {
    background: transparent url(path/image.gif) no-repeat center;
    background-size: cover;
}

background是一个简写属性, url()是background-image属性的值. 也就是说我们通过url来加载图片.
background-size用来设置背景图片的大小.

相关链接:
background
background-size