iSpring Module fluide einbetten

Dadurch passen sie sich der Größe des Bildschirms an

Verwenden Sie iframe:

<iframe src=link zur index.html></iframe>

Im zweiten Schritt umgeben Sie den iframe mit einem <div>

<div class="embed-container">
<iframe src=link zur index.html></iframe>
</div>

Im dritten Schritt definieren Sie die CSS-Klasse embed-container

.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.embed-container iframe {   position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}