android - Full page iframe on mobile browsers -

android - Full page iframe on mobile browsers -

i'm trying embed page within iframe in page. page it's embedded supposed when browsing source page directly.

i've tried many different frame/iframe , style combinations i've found, either here stackoverflow or various blogs, work on desktop different on mobile.

comparison between 2 sites on android:

going side directly same site within iframe

it looks same on desktop browsers, on mobile page within iframe looks smaller , doesn't fill whole screen.

from unterstand problem comes css on src page, can't edit that. possible working on mobile browsers without making changes embedded site itself?

update:

the site want embed this: office074.wix.com/vitalpharma

what i've tried already:

www.dev-explorer.com/articles/full-page-iframe cloud.mobify.com/docs/working-with-iframes/ www.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/ stackoverflow.com/questions/17838607/making-an-iframe-responsive stackoverflow.com/questions/26194040/how-does-this-responsive-iframe-container-snippet-work/26194041#26194041 stackoverflow.com/questions/7902960/creating-a-full-screen-iframe stackoverflow.com/questions/325273/make-iframe-to-fit-100-of-containers-remaining-height

(can't post more 2 direct links, sorry)

add next in head tags of iframe page:

<style> body {margin:0; padding:0;} iframe {margin:0; padding:0; width:100%; height:100%;} </style>

this should allow iframe fill page.

android html css iframe mobile