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
Post a Comment