网页webview适应手机分辨率

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

1、在网页head里面添加：

<meta name="viewport" content="width=device-width, user-scalable=no" />

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/

网页webview适应手机分辨率相关推荐

手机分辨率基础知识（DPI,DIP计算）
手机分辨率基础知识(DPI,DIP计算) 1.术语和概念术语说明备注 Screen size(屏幕尺寸) 指的是手机实际的物理尺寸,比如常用的2.8英寸,3.2英寸,3.5英寸,3.7英寸摩托 ...
QVGA、WVGA、VGA、WQVGA、SQVGA等几种手机分辨率扫盲
什么是QVGA.WVGA.VGA.WQVGA.SQVGA?很多人也许弄不清楚这几个东西,因为组成的字母似乎差不多人多,长得也太像了,很以为是分类这些东西!现在就来看看他们的一些相同与不同. QVGA: ...
QVGA、WVGA、VGA、WQVGA、SQVGA等几种手机分辨率扫盲！
http://www.sjvip.com/news/all/22/76.shtml ---------------------------------------------------------- ...
android web连接问题,Android WebView或手机浏览器打开连接问题解决办法总结
Android WebView或手机浏览器打开连接问题解决办法总结 1.通常情况下大家可能都想使用WebView打开网页内部链接而不想再调用手机浏览器, 我们可以通过以下两种方法实现: (1)为We ...
android 之 QVGA、WVGA、VGA、WQVGA、SQVGA等几种手机分辨率
[size=medium] http://blog.csdn.net/johnny901114/article/details/7680340 什么是QVGA.WVGA.VGA.WQVGA.SQVGA ...
android 分辨率显示不全,安卓手机分辨率太高软件显示不全？任意软件全屏运行详细教程...
手机分辨率太高软件显示不全?教你瞬间让任意软件变全屏如果你像白鸽一样使用高分辨率的安卓手机(比如Atrix 4G)或是平板电脑,就会发现很多软件居然不能全屏显示.面对这样的问题,传统的解决办法无外乎 ...
程序员计算手机分辨率比例
想查看屌丝的手机分辨率,我的手机分辨率比例, 800*480是几比几呢,要计算最大公约数啊,难道要用小学生计算办法?还是写代码用辗转相除法吧 #(m>=n) def gcd(m,n):if m ...
airtest获取手机分辨率，通过相对坐标定位元素
airtest做自动化时,在不同手机间由于分辨率不同,绝对坐标就不适用了,需要通过相对坐标来定位,这就需要获取当前手机的分辨率,其实只需要一句代码即可获取当前手机的分辨率,下面是相关代码: w,h=d ...
手机分辨率Android教程（十二）-- 使用DisplayMetrics获取手机分辨率
在本篇文章中,我们主要介绍手机分辨率的内容,自我感觉有个不错的建议和大家分享下在本章教程中,我们将会习学如何应用DisplayMetrics获得手机分辨率. 是这样的,在Android手机如此风扉寰 ...

网页webview适应手机分辨率

网页webview适应手机分辨率相关推荐

最新文章

热门文章