How can I make my iframe responsive so it looks good on the mobile version of my website too?

Rui Figueiredo -

To make your iframe responsive to the size of the page where it is integrated so it adapts to mobile displays or to resized browser windows, you just need to use a percentage (%) in the "width" attribute of the iframe. Check below an example with the "width" attribute in blue.  

<iframe frameborder:"0" height="1000" id="bolwl" name="bolwl" scrolling="auto" src="" width="100%"></iframe>

Have more questions? Submit a request


Article is closed for comments.
Powered by Zendesk