javascript - iOS css -webkit-transform: scale doesn't offset touch events -


i have iframe need pull in display on ios devices. contents of iframe not under control , not responsive in way (fixed 800x600). i'd scale iframe down display in ios viewport.

using -webkit-transform: scale(0.4) able scale down touch events wrong (e.g. touch form element doesn't pop open keyboard). if touch element before scaling works.

is there way correct offset touch events?

opt scale3d instead of scale. in experience, transforming elements need responsive better achieved when element pushed accelerated stack.

markup

<iframe src="http://wikipedia.org" width="200" height="200"/> 

css

iframe {     -webkit-transform-style: preserve-3d;     -webkit-transform: scale3d(0.4,0.4,0.4); } 

fiddle: http://jsfiddle.net/gyhr6/


more -webkit-transform-style here: https://www.webkit.org/blog-files/3d-transforms/transform-style.html


Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

Function that returns a formatted array in VBA -