程序博客网 > 百分百采集软件

网页webview适应手机分辨率

来源：互联网发布：百分百采集软件编辑：程序博客网时间：2024/05/06 17:26

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

1、在网页head里面添加：

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

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

<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="h1.css" />
< link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.3)" href="h2.css" />
< link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="h3.css" />
< link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 2.0)" href="h4.css" />
< link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 3.0)" href="h4.css" />

body中加一张图片作为测试

<body>
<img src="2010031617222440.jpg" />
< /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/

0 0

百分百采集软件

百分百采集软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子紫紫什么紫砂杯好韩小虎紫砂紫砂的鉴别茶具紫砂紫砂批发紫砂汤锅紫砂笔筒价格紫砂餐具紫砂陶瓷紫砂杯的价格茶壶紫砂紫砂保温瓶买紫砂张雪军紫砂紫砂石瓢什么样的紫砂杯好周小明紫砂紫砂杯价格紫砂香道紫涵的名字意义着什么紫涵是什么意思紫涵女装是个什么牌子紫涵冬装紫涵女包紫涵热舞紫鷨紫涵包包赵清洋紫韶涵反串紫涵紫萝藤紫涵的含义紫涵的意思紫宛花慕幕涵雪紫阙台紫果冬青紫淑紫淑女装领主纪事紫渊