kein JavaScript, nur CSS

[Matthias Scharwies]

Das geht mit CSS ganz einfach:

.tester .panorama .device-tablet-portrait {
    height: 872px;
    left: 5%;
    top: 15%;
    width: 673px;
}
.tester .panorama .device {
    display: block;
    overflow: hidden;
    position: absolute;
    transform: scale(0.5);
    transform-origin: left top 0;
}

Ich habe mir den Quelltext mit Firebug angeschaut:

Das div um den iframe hat eine feste Breite und Höhe, dieses wird dann mit CSS-transform auf die halbe Größe skaliert.

Schönes Wochenende Matthias Scharwies