iFrame - Windows difference between iOS and android

I have two phones with a same ecran but the results on iOS and android are different, I think the main reason isn't the iFrame automatic resize of the screen. Are not working and i see two different screens, my question is

Anyone have the same problem or similar? 

Best regards,

Cátia Cruz

Hi Catia,

I didn't get your question properly. To help us understand, can you share some screenshot to show how your screen is different in both the devices.

Here goes a better explanation/translation


Cátia Cruz wrote:

I have two types of equipment, an Android and an iPhone. On Android, an iFrame has the expected behavior and everything is inside the screen as it was supposed to. On iPhone, instead of staying inside the iframe, it goes "over it" reaching 2000x1800.

On this example, the left side is using the smartphone measures, but the right side is on desktop measures.


So, apparently the iframe is not adapting to the screen size and goes full content width.

Cátia already tried using a div around the iFrame with the following CSS:

.frame_holder {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.my_frame {
    width: 100%;
    min-width: 100%;
    *width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
}

Any ideas? I don't have an iPhone to test...