처음에는 Javascript 의 multi-touch 기능을 이용하려고 했다. 보통 나오는 example 들은 특정 element 에 대해서 적용되는 것들이라서 더 찾아보니까 CSS style 에 "zoom:50%" 같이 설정할 수 있다고 해서 html document 의 body 에 직접 설정하는 식으로 했더니 zoom이 되긴 했다. 그런데 element를 touch해서 움직이는 게 제대로 되지 않는다. touch하는 위치와 element가 보이는 위치가 다른 듯. 그리고 몇 가지 문제가 더 있었다.
그래서 다시 다른 방법을 찾아봤는데, 원래 iOS의 Safari는 panning 과 zooming 을 자체 내장하고 있다고 한다. 이에 대해서는 iOS Safari 의 viewport 에 대한 문서를 참조.

https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

그러면 왜 처음부터 되지 않느냐 하면
self.webview.scalesPageToFit = YES;
와 같이 UIView(즉, UIWebView)의 scalesPageToFit 값을 YES 로 바꿔줘야 하기 때문이다.

덧붙이자면, html 문서에서 head 부분 안에 meta tag 를 넣어서 viewport 설정을 바꿀 수 있다.
설정 가능한 값들이 많지는 않다. 다음 문서 참조.

https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193