Eu tenho um formulário que é um iframe. O código está abaixo com um # para qual é o iframe. Na área de trabalho, preciso que o quadro tenha 292px de altura para corresponder ao design. No tablet, ele precisa ter height = "180" No mobile height = "292" Tentei fazer a altura 100% e alterar o tamanho da retenção do iframe, mas o iframe é muito curto e corta a parte inferior do formulário. Eu ajusto a altura de um iframe para diferentes viewports?

<iframe src="#" width="100%" height="292" type="text/html" frameborder="0" allowTransparency="true" style="border: 0"></iframe>