O script Imagem de fundo completa Responsive Web designers mostra como evitar o Javascript e usar apenas o código CSS para fazer imagens exibir corretamente em toda a área de uma página, sem quaisquer seções invólucro branco em branco.
Enquanto o "background-size: capa" propriedade CSS pode conseguir isso por conta própria, porque a maioria dos sites hoje em dia são acessados a partir de ambos os dispositivos móveis e desktop em uma base regular, se a imagem de fundo não está devidamente escolhido, em um desses dispositivos , a imagem não irá sempre se encaixam dentro da janela corretamente.
Este script também adiciona uma consulta de mídia CSS3 para direcionar dispositivos de tela pequena e por isso certifique-se de uma imagem diferente, mais apropriado e mais leve é usado para smartphones e tablets.
No geral, este truque pode ser bastante útil, especialmente desde que por alguns anos agora imagens de fundo de alta qualidade são uma tendência comum indústria de design web.
. A demo está incluído com o Responsive completa imagem de fundo usando pacote CSS
Requisitos :
- CSS 3 navegador habilitado
Comentários não encontrado