Quando os usuários fazem reservas em plataformas diferentes, o tamanho da tela pode variar. Para criar a experiência de reserva mais fácil, nosso mecanismo de reserva se adapta ao tamanho, comprimento e altura da tela.

Para evitar uma longitude fixa e impedir que a barra de rolagem apareça, usamos Media Queries para adaptá-lo aos diferentes tamanhos de tela de qualquer dispositivo.

Use um ID no iframe:

<iframe class="thefork" src="https://module.lafourchette.com/pt_BR/module/56567-a3fd1"></iframe>

Cole os seguintes estilos antes da tag </head>:

<style type="text/css">

.thefork{
width: 100%;
border:none;
overflow: scroll;
}
/* Media queries widget */ 
@media only screen and (max-width : 320px) { 
    .thefork{
    min-height: 840px;
    }
}
@media only screen and (min-width : 321px) and (max-width : 516px){
    .thefork{
    min-height: 650px; 
    }
}
@media only screen and (min-width : 517px) { 
    .thefork{
    min-height: 550px; 
    }
}
</style>

A partir de agora, a altura do iframe mudará dependendo da largura da tela e do bloco html que o contém. A tabela a seguir mostraa relação das medidas: