Voorbeeld: ontdek inspiratie en mogelijkheden

HTML & CSS in één

<!-- Contact IFRAME -->
<div class="projecten-frame"><iframe title="Contact" src="https://tooljunkie.eu/mail/tooljunkie/form.html" scrolling="auto">
    </iframe></div>
    
    
 <style>
.projecten-frame {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.projecten-frame iframe {
    display: block;
    width: 700px;
    max-width: 95%;
    height: 780px;

    margin: 2px auto 0;
    padding: 0;

    border: 0;
}


/* MOBIEL */
@media (max-width: 1023px) {

    .projecten-frame iframe {
        width: 400px;
        max-width: 100%;
        height: 385px;

        margin: 2px auto 0;
    }
}
</style>

HTML: iFram (DIV) die zich aanpast aan het scherm

HTML & CSS in één

Geef een reactie Reactie annuleren