Imagem do tamanho do height da tela

[mruoppolo 14]

Olá, tudo bem?

Estou começando a desenhar layouts agora e gostaria de saber como faço para uma imagem/slider ter exatamente o tamanho da tela do device da pessoa.

Exemplo: http://themes.multipixels.net/sreative#

Quais as propriedades CSS que eu tenho que utilizar para conseguir este efeito?

Obrigado :D

[kelvim 11]

Para preencher a tela toda, você tem que trabalhar com height em % onde 100% é a tela inteira,

No HTML tem a tag viewport que serve para definir como a página vai se comportar em dispositivos móveis, vale a pena pesquisar.

OBS: existem alguns frameworks em CSS, recomendo bootstrap, com ele fica simples definir layouts para dispositivos móveis e computadores.

[mruoppolo 14]

Então Kelvim, na verdade se eu colocar o height:100% ele vai pegar o tamanho da página inteira, eu quero que ele pegue apenas o tamanho da tela do device do usuário, é pra fazer um daqueles sites one page, que a cada momento uma parte diferente do site esta sendo printada na tela, entende?

[rafinha_sam 2]

Então Kelvim, na verdade se eu colocar o height:100% ele vai pegar o tamanho da página inteira, eu quero que ele pegue apenas o tamanho da tela do device do usuário, é pra fazer um daqueles sites one page, que a cada momento uma parte diferente do site esta sendo printada na tela, entende?

Olá Marcello, você tem que fazer em @Media query, da uma lida neste tutorial sobre o mesmo que tenho certeza que irá te ajudar.

http://blog.popupdesign.com.br/design-responsivo-iii-media-queries-e-compatibilidade/

Skype: rafael.ryjo

[mruoppolo 14]

Valeu rafinha_sam era isso mesmo cara. Abraço

[codercss 14]

https://css-tricks.com/use-cases-fixed-backgrounds-css/