网页webview适应手机分辨率

主要原理是在服务器端，根据不同的手机分辨率，设置不同的css样式

1、在网页head里面添加：

2、不同分辨率设置不同css(同样是在head里面添加)：

body中加一张图片作为测试

3、css文件测试内容(若设置width: 100% 可以自适应所有手机宽度)

h1.css文件:

img {
width: 225px
}

h2.css文件:

img {
width: 265px
}

h3.css文件:

img {
width: 305px
}

h4.css文件:

img {
width: 345px
}

h5.css文件:

img {
width:385px
}

附:手机分辨率对应的所有手机参考：http://bjango.com/articles/min-device-pixel-ratio/