valor de fondo de tamaño de la diferencia entre 100% y 100% de la cobertura

fondo-size: 100% 100%; --- por el soporte contenedor proporción completo, Imagen deformación;

fondo-size: cubierta; --- imagen de fondo amplificar para ajustarse al tamaño del elemento de contenedor, imagen de escala-invariante.

La figura añadiendo el fondo-size: 100% 100%  fondo después de los efectos, fondo después de ser estirado algo distorsionada

  

Figura añadir el fondo de tamaño: la cubierta  de fondo después del efecto, después de que el fondo se estira no mostrar todos los antecedentes

  

La diferencia entre ellos:

fondo-size: 100% 100% el fondo horizontal y vertical que se extiende imagen de relación van a cambiar, 
puede causar distorsión de la imagen (UI hacer recomendaciones a la imagen de fondo original, la imagen se estira o se distorsiona propenso)
fondo-size: cubrir la imagen de fondo es lo suficientemente grande como para extender, hasta cubrir completamente el fondo, 
la imagen sigue siendo las mismas proporciones y sin distorsión, pero algunas partes se cortan imagen de fondo completo no se puede mostrar

Supongo que te gusta

Origin www.cnblogs.com/edczjw-Edison/p/12610623.html
Recomendado
Clasificación