2

Alguma forma de fazer isso em CSS3?

if(window.innerWidth <= 1000) {
  var ecra = window.innerWidth;
  $(".topo").css("height",ecra*0.293);
}

Tentei

@media screen and (min-width: 0px) and (max-width:1000px) {
  .topo {
    height: calc(device-width*0.293);
}

Mas não consigo achar o tamanho do ecrã com css

12
  • em css nao t em como unica forma é vc usando vh ou % 18/10/2016 às 13:16
  • Como assim? Não entendi! 18/10/2016 às 13:51
  • cara css ou vc usa % nos tamanhos ou pixel ou VH da uma googada mas de qualquer forma para pegar a altura atual da tela so com javascript 18/10/2016 às 13:54
  • Pois é. O problema é que a cada resolução do ecrã eu tenho um tamanho diferente para uma div 18/10/2016 às 14:15
  • nao pode usa javascript ? 18/10/2016 às 15:22

1 Resposta 1

4

tem sim como você fazer isso:

usando no propriedade height a unidade de medida vw (viewport width), para calcular a partir da altura do monitor, se usa o vh (viewport height).

estou considerando que vc quer que a altura da <div> com classe .topo seja igual a 29.3% da largura do monitor.

@media screen and (min-width: 0px) and (max-width:1000px) {
  .topo {
    height: 29.3vw;/*VW é a unidade de medida da largura do monitor*/
    /*height: calc(29.3vw - 50px); opcionalmente e comentado, a forma correta da função calc do css3*/
}
0

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .