Passar de JQuery para CSS3

[Carcleo 4]

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

[L. Henrique 179]

Não. Não existe innerWidth em CSS.

O que você pode fazer é pegar a altura da Viewport e multiplicar. Lembrando também que o CSS não tem variáveis, só o SCSS, SASS, LESS, Stylus e PostCSS...

Procure tutoriais: CSS Viewport Height and Width.

Exemplo:

.classe {
   width: calc(100vw * 0.293);
}

[Carcleo 4]

http://hotplateprensas.com.br/novo/modelos.php

Obrigado. funcionou!