Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Drakaris en 23 Febrero 2018, 16:18 pm



Título: ¿Porque en el background-size:cover, se ve la imagen grande?
Publicado por: Drakaris en 23 Febrero 2018, 16:18 pm
Hola, estoy revisando el fondo web ya que lo hice mal, y le puse este código:
Código:
body{
    background-image: url('imagenes/stackofmagazines.jpg');
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-repeat: no-repeat;
    background-position: top center;
    -moz-background-position:left right;
    background-attachment: fixed;
  }

Este fondo es para móviles , ya que esta con un media query, pero cuando lo ejecuto la imagen de fondo, es muy grande y esta muy aumentado, yo lo que hacia era ponerles porcentajes en en el background-size, pero me dijeron que era experimental y me recomendaron cover.

Lo que no sé, es porque pasa esto y si depende de la imagen o si está mal programado.

Así es como se ve:
[img src="https://drive.google.com/open?id=1APKGD324JRyr0ClefHTGE7luEuzYuzQZ"]http://[/img]
https://drive.google.com/open?id=1APKGD324JRyr0ClefHTGE7luEuzYuzQZ

y el fondo de la imagen original es este:
[img src="https://drive.google.com/open?id=1RhXEdIjR-KJlDKgtCHbJ6pR5xO4uh0s5"][/img]