Documentação do SeedProd

Documentação, materiais de referência e tutoriais para o SeedProd

A imagem de fundo não se ajusta

A imagem de fundo nunca se ajustará perfeitamente ao navegador, a menos que a janela do navegador tenha exatamente a mesma proporção da imagem.

As configurações padrão no plug-in SeedProd usam a propriedade Cover para o tamanho do plano de fundo. Isso é definido como: Dimensione a imagem de fundo para que seja o maior possível, de modo que a área de fundo seja completamente coberta pela imagem de fundo. Algumas partes da imagem de fundo podem não estar visíveis na área de posicionamento do fundo.

Basicamente, o que isso significa é que, quando as imagens não se encaixam, elas são cortadas. Você pode definir o ponto focal no plug-in usando a propriedade background-position.

Você pode usar a configuração Contain image (Conter imagem) para forçar a imagem a ficar contida no navegador, e as partes que não couberem mostrarão a cor de fundo.

Referência: http://www.w3schools.com/cssref/css3_pr_background-size.asp

Artigos relacionados