diedVIPs

html knowhow

Iframe-Größe skalieren










Iframe-Größe skalieren

Mit diesem kleinen Modul können Sie einen Iframe skalieren.

So sieht´s aus
Quellcode
<html>
<head>

<style type="text/css">
.container {position:relative; top:0px; right:0px; --scale-factor: 0.5; overflow: hidden; width: 90%; height: 300px;}
.scaled-iframe {margin-top:-60px; height: 400px; border: 1px solid cyan; position:absolute; top:1px; left:1px; transform: scale(var(--scale-factor));
width: calc(1/var(--scale-factor) * 55%);}
</style>
</head>

<body >
<div class="container">
<iframe class="scaled-iframe" src="http://htmlknowhow.de" frameborder="1"></iframe>
</div>
</body>

</html>





Kontakt    Datenschutz   Impressum