Responsive Iframe Css Tricks

Find best Web Development tips and Tricks.
Post Reply
Site Admin
Posts: 92
Joined: Wed Jun 22, 2016 1:28 pm
Location: India

Responsive Iframe Css Tricks

Post by arnlweb » Sat Jan 13, 2018 8:59 am

How to make your Iframe code responsive?

Code: Select all

<iframe class="button-api-frame" id="myframe" src="//" width="100%" height="100%" allowtransparency="true" scrolling="no" style="border:none"></iframe>
Add Css ID "myframe":

Code: Select all

<style>@media screen and (min-width: 651px) {#myframe{height:100px!important;}}@media (min-width: 400px) and (max-width: 650px) {#myframe{height:200px!important;}}@media (min-width: 200px) and (max-width: 399px) {#myframe{height:300px!important;}}

Posts: 45
Joined: Sun Mar 12, 2017 2:11 pm
Location: Kenya

Интернет магазин шкафы купе Ногинский

Post by Patriotwle » Sun Apr 01, 2018 5:00 am

Интернет магазин шкафы купе Ногинский ... noginskij/

Post Reply