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