2011年12月10日土曜日

WebView内のスクロール制御

WebView内に読み込むHTMLファイルで、

html,body{width:100%}
とかやってみると、
横にビローンって長くなる。なんぞこれ。と色々やってみるも、
うまく動かず。
解決方法は、

http://d.hatena.ne.jp/sDaigo/20101113/1289650584

にあるとおり、

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
としてあげれば良いです。
 
まぁ、はみ出す要素があった場合は、その分スクロールバー出ちゃうんだけど、
たとえば画像とかだと、
<img src='src/hoge.png' style='max-width:80%;height:auto'> 
ってやれば、横幅は親要素の80%で、縦はそれにあわせて勝手に調整してくれるので、
こんな感じでやっておけばよいです。

0 件のコメント:

コメントを投稿