Banner 100% Tamanho da Tela

[Kelven Cristian 0]

Olá pessoal, tudo bem? Estou com uma dúvida aqui, que está me travando a alguns dias, fiz pesquisas e mais pesquisas e ainda não consegui nada conclusivo...

Estou programando um layout e vou usar algo simples,  uma galeria de noticias em jcycle de uns 600px e que tenha 100% de width. Aí que é o meu problema...Quero saber se existe a possibilidade de eu definir o  tamanho da miniatura para 100% do tamanho da tela e não 100% do tamanho da imagem em si, eu sei que é possivel fazer isso com os recursos do background-image e background-size, ja fiz e deu certo, e as imagens se ajustam corretamente nas resoluções.
Mas como vou usar php para inserir as imagens, creio que não será viável, então minha busca é de usar  uma forma sem ser o parâmetro background do css...

Resumindo, quero que a miniatura preencha a tela toda com um height estabelecido, que diminua de acordo com o tamanho da janela do navegador. Não vou postar o código que eu tenho aqui pq acho, que não vai ajudar muito. (Obs. Não estou utilizando Bootstrap).

 

Desde já agradeço a atenção de todos! 

 

 

[Omar~ 87]

Assim não daria?

<img src="<?= $VindoDoPHP; ?>" width="100%" height="100%"/>

Ou 

<img class="formatoComCSS" src="<?= $VindoDoPHP; ?>"/>

 

[Kelven Cristian 0]

10 minutos atrás, OmarF disse:

Assim não daria?

<img src="<?= $VindoDoPHP; ?>" width="100%" height="100%"/>

Ou 

<img class="formatoComCSS" src="<?= $VindoDoPHP; ?>"/>

 

eu ja tentei o width:100% e o height:100% mas não deu certo, ...eu quero um resultado igual este aqui http://www.rennatoalves.com.br/  eu consegui este resultado com o background-size, mas como vão ser imagens diferentes né, por ser posts cadastrados aí não sei se da certo...não sei se me entendeu, não vai ser uma div com background, mas sim a miniatura do post...

[Kelven Cristian 0]

Consegui encontrar uma janela, rsrsrsr caso eu use um <?php echo ;?> dentro de um style, por exemplo. 

<div id="miniatura" style="background-image:url('<?php echo $miniatura ;?>')"></div>

Não sei se o código esta correto, mas quero saber se é possível essa possiblidade, pois daí eu consigo utilizar uma função de Post em PHP com o background-image e creio eu que resolveria meu problema.

[matmper 2]

<style>
  .cover {
    background-size: cover;
    width: 250px;
    height: 200px;
  }
</style>

<div style="background-image:url('<?php echo $miniatura ?>')" class="cover">
  <h1>Título do artigo</h1>
</div>