Salve non riesco ad avere un iframe senza barre di scorrimento che si adatti alle dimensioni del contenuto.
Nella pagina (contenuto) da scrollare ho degli elementi collassabili.

In questo codice ho dovuto impostare un padding-top: 250%; per farci entrare tutto ma ci vorrebe un adattamento automatico.
Inserisco il codice dell'iframe e di seguito il link ad una pagina con elementi collassabili come la mia.

Potete aiutarmi?

codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>XFrame</title>
<style>

.XFrame {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 250%; 
}

.responsive-XFrame {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}


</style>

</head>

<body>


<div class="XFrame"> 
  <iframe class="responsive-XFrame" src="GRID.html" width="95%" height="95%" scrolling="no"></iframe>
</div>
<script>
function myFunction() {
  document.getElementById("XFrame").height = "100%";
}
</script>
</body>
</html>
https://www.w3schools.com/howto/howt...nding_grid.asp