Skip to main content

How to Make an iFrame Responsive on a Mobile Browser

This feature is only available with the following products:


Q: I am having difficulty getting an iFrame on a portal to look right on a mobile device. It looks fine when viewing on the computer, but not when viewing on a mobile browser. Can something be done?

A: The image may have a fixed max width. To make the image responsive to the mobile browser, go to the code and replace the max width with "100%".

Example:

Old Code:

style="position:relative; max-width:640;"

New Code:

style="position:relative; max-width:100%;"

Did this answer your question?