Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal,
Estou precisando de ajustar a imagem desse background de acordo para cada tipo de resolução usada pelos usuários.
Usei a imagem com resolução de 1280x694 e em alguns computadores a imagem ficou cortada.
oo site é: www.slunnbrazil.com.br
Me passaram este site: http://css-tricks.co...ckground-image/
Porem não consegui incluir os codigos no site, alguem poderia me ajudar?
Aguardo contato.
Att.
Patrickpc
Use Media Queries, que adapta seu site pro tamanho de tela que você quiser, utilizando CSS3.
Mais informções:
-
Site oficial: :seta: Media Queries
-
Como usar: :seta: CSS3 Media Queries
Tem até um Hangout feito pelo João Batista Neto, Leonardo Alberto Souza e outros sobre Aplicações web com design responsivo que fala sobre Media Queries:
Meu exemplo:
/ Se sua resolução for 1280x694 /
@media screen and (max-width: 1280px) {
body {
/ Se sua resolução for 1024x768 /
@media screen and (max-width: 1024px) {
body {
/ E assim por diante /