Skip to Content (Press Enter)
UserImage.jpg
Cátia Cruz
76Views
2Comments
iFrame - Windows difference between iOS and android
Question

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

0
0
29 May 2020
Copy Link
2020-03-01 17-52-33
Nikhil Gaur

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.

0
0
30 May 2020
Copy Link
2016-04-22 00-29-45
Nuno Reis
 
MVP

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...

0
0
30 May 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.