スマートフォン用サイトのHTML mataタグでデバイスの横幅に合わせる。
viewport の metaタグ、width=device-width を書く。
<meta name="viewport" content="width=device-width, initial-scale=1">
更に、user-scalable 拡大/縮小可能としないを指定する。
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
user-scalable=yes : 拡大/縮小可能とする。
user-scalable=no : 拡大/縮小できない。
user-scalable=no では、Android側 WebView WebSettings で setSupportZoom(true) にしても
拡大/縮小の操作はできない。
拡大率の指定、minimum-scale / maximum-scale
デフォルトは、、
minimum-scale=0.25
maximum-scale=1.6
maximum-scale=10 まで可能
-------------------------
WebView の スクロールバーのタイプは、
setScrollBarStyle(View.SCROLLBARS_OUTSIDE_OVERLAY);
が横の隙間が無くて良い。
