html - zoom content of iframe in webapp -


the content want display not optimized mobile device. need zoom content out.

it webapp, can not use javascript.

this is, use:

<div style="-webkit-overflow-scrolling: touch;overflow-x:hidden;overflow-y: auto;height:400px; margin: -1.2em;"> <iframe src="http://..." style="width:100%;height:390px;border: none;"></iframe></div>

for zoom found:

-webkit-transform: scale(0.8); 

so tried:

<div style="-webkit-overflow-scrolling: touch;overflow-x:hidden;overflow-y: auto;height:400px; margin: -1.2em;-webkit-transform: scale(0.8);">     <iframe src="http://..." style="width:100%;height:390px;border: none;"></iframe></div> 

but result was, iframe zoomed too. see: http://imgur.com/yuet0mb

can me? thank , br

ok solved it

i used

<div style="-webkit-overflow-scrolling: touch;overflow-x:hidden;overflow-y: auto;height:800px; width:850px; margin: -1.2em; 

-webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); transform: scale(0.4); -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; ">

if iframe gets smaller, increate size of it. 50% of 200% = 100%


Comments

Popular posts from this blog

javascript - how to protect a flash video from refresh? -

android - Associate same looper with different threads -

visual studio 2010 - Connect to informix database windows form application -