Grunt Pageres-Plugin zeigt nicht korrekt CSS-Hintergrund-URL

Question

Versuchen Sie Pageres-Plugin mit Grunt. Funktioniert gut neben Hintergrundbild von CSS-Datei:

.parallax-2 { 
    width:100%; 
    background: url(../images/bg-banner-1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
background-size: cover; 
} 

Es zeigt es gezoomt wie 1000x. Irgendwelche Ideen, wie man es repariert?

Answer 1

können Sie die Größe des Bildes definieren:

mit: Größen: [ '1200x800', '800x600'],

grunt.initConfig({ 
    pageres: { 
     screenshot: { 
      options: { 
       urls: 'yeoman.io', 
       sizes: ['1200x800', '800x600'], 
       dest: 'dist' 
      } 
     }, 
     multipleUrls: { 
      options: { 
       urls: ['todomvc.com', 'google.com'], 
       sizes: ['800x1000', '400x1000'], 
       dest: 'dist', 
       crop: true 
      } 
     } 
    } 
}); 

Ich hoffe, dass Ihnen geholfen