WebView解析之适配
2015-10-30 11:25
447 查看
对于android WebView 适配网页,有两个最基本的因素需要考虑。
1.viewport配置和当前页面的尺寸。
2.设备像素。
通过在Web页面,配置viewport,可以设置web的宽高,缩放比例,是否可缩放。
viewport是定义在Web页面的,如下所示
viewport决定了当前Web页面所能绘制的区域。包括属性:
height\width:像素,或者device-height
initial-scale:初始化尺寸
minimum-scale:最小尺寸
maximum-scale:最大尺寸
user-scalable:是否能缩放
通常适配手机端,设置width的属性值为decice-width
tartget-densitydpi:通常设置为device-dpi;表示使用设备像素作为Web页面作为目标像素。默认的缩放不会生效。
综上所述,如果需要适配Web页面,则只需要设置:
1.viewport配置和当前页面的尺寸。
2.设备像素。
通过在Web页面,配置viewport,可以设置web的宽高,缩放比例,是否可缩放。
viewport是定义在Web页面的,如下所示
<head> <title>Example</title> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head>
viewport决定了当前Web页面所能绘制的区域。包括属性:
content=" height = [pixel_value | device-height] , width = [pixel_value | device-width ] , initial-scale = float_value , minimum-scale = float_value , maximum-scale = float_value , user-scalable = [yes | no] , target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] "
height\width:像素,或者device-height
initial-scale:初始化尺寸
minimum-scale:最小尺寸
maximum-scale:最大尺寸
user-scalable:是否能缩放
通常适配手机端,设置width的属性值为decice-width
<meta name="viewport" content="width=device-width" />
tartget-densitydpi:通常设置为device-dpi;表示使用设备像素作为Web页面作为目标像素。默认的缩放不会生效。
综上所述,如果需要适配Web页面,则只需要设置:
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />
相关文章推荐
- GCD - 1
- 水波浪型的进度加载器
- ios 实现 cell 的动态高度
- Android开源项目第二篇——工具库篇
- 又发现一个App推广的新方法:同等资源位转化率提升90%
- Android动画之帧动画,及实现京东下拉加载动画
- <iOS>常用手势
- app:compileDebugJavaWithJavac 解决方案
- 学Android---布局(一)LinearLayout
- Dynamics CRM 通过RetrieveEntityRibbonRequest和RetrieveApplicationRibbonRequest导出实体的Ribbon XML
- Dynamics CRM 通过RetrieveEntityRibbonRequest和RetrieveApplicationRibbonRequest导出实体的Ribbon XML
- Dynamics CRM 通过RetrieveEntityRibbonRequest和RetrieveApplicationRibbonRequest导出实体的Ribbon XML
- Dynamics CRM 通过RetrieveEntityRibbonRequest和RetrieveApplicationRibbonRequest导出实体的Ribbon XML
- iOS图片@2X, @3x
- 广告sdk窃取用户隐私:你家的App被下架了吗?
- 微信JS SDK Demo 官方案例
- hybird app开发框架 ionic +angularjs + ng-cordova
- Android应用重启
- swift 快速奔跑的兔几 本节的内容是:协议和委托
- ios 地图