关于android的webview屏幕适应
假设宽定位1280,则html5方面必须有:
1 <meta name="viewport" content="width=1280, initial-scale=1.0,maximum-scale=2.0, minimum-scale=0.5, user-scalable=no,target-densitydpi=device-dpi" />
其中,target-densitydpi是最重要的,它将配合android端的以下代码使用。
1 //use html5 viewport attribute
2 settings.setLoadWithOverviewMode(true);
3 settings.setUseWideViewPort(true);
2 settings.setLoadWithOverviewMode(true);
3 settings.setUseWideViewPort(true);
表示我们的代码支持html5网页自适应。所谓杀什么畜生用什么刀,网页的事情,dpi适应什么的,就交给html5去做好了 = =,不用我们在更外面一层蛋疼。
这样做之后,1280宽的图片无论在什么设备的分辨率都是正常的尺寸,不会被做倍数不明的拉伸,方便我们控制。

浙公网安备 33010602011771号