viewportandroid
A. 如何设置android webview默认为高等像素密度
因为Android下浏览器默认的并不是实际像素，而是中像素密度。（注：Android支持三种屏幕像素密度：低像素密度，中像素密度，高像素密度），所以要设置android webview默认为高等像素密度的话，需要在js中设置如下代码：
<metacontent=＇width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,target-densitydpi=device-dpi＇name=＇viewport＇>
这里面，target-densitydpi的功能就是指定屏幕像素密度DPI。它的参数有：
device-dpi –使用设备原本的 dpi 作为目标dpi。不会发生默认缩放。
high-dpi – 使用hdpi作为目标dpi。中等像素密度和低像素密度设备相应缩小。
medium-dpi – 使用mdpi作为目标dpi。 高像素密度设备相应放大， 像素密度设备相应缩小。这是默认的target density。
low-dpi -使用mdpi作为目标dpi。中等像素密度和高像素密度设备相应放大。
<value> – 指定一个具体的dpi值作为target dpi。这个值的范围必须在70–400之间。
B. 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
最近在开发项目中遇到一个问题，布局高度在小屏幕手机上高度不够全部显示，于是使用了ScrollView嵌套LinearLayout，但问题又出现了，LinearLayout设置了martch_parent属性，但是却显示的并不是充满全屏幕。
于是点进ScrollView的源码里面寻找这个问题的答案，找到了这个方法。
注释上说这个方法的意思是是否ScrollView的内容充满视图,true则充满视图，false则不是。看到这里，再往困毕上找，发现这是这个字段对应着一个属性android:fillViewport
到现在已经很清晰了，把android:fillViewport="true" 属性家进入汪数芹试一下。问题解决，看效果图。
最重要的是将ScrollView中android:fillViewport设置为true。
当ScrollView里的元素想填满ScrollView时，使用"fill_parent"是不管用的，必需为ScrollView设置：android:fillViewport="毕衫true"。
当ScrollView没有fillVeewport=“true”时,里面的元素(比如LinearLayout)会按照wrap_content来计算(不论它是否设了"fill_parent"),而如果LinearLayout的元素设置了fill_parent,那么也是不管用的，因为LinearLayout依赖里面的元素，而里面的元素又依赖LinearLayout,这样自相矛盾.所以里面元素设置了fill_parent，也会当做wrap_content来计算.
C. android上哪个浏览器能真正的全屏
0,user-scalable=no",initial-scale=1;>viewport"，你要是根据px来设置宽度来让手机页面全屏的话，那肯定是无法实现的。手机页面的实现，宽度一定是要用百分比的。至于高度自己酌情来设定，全屏的话用100%，不论任何大小屏幕的手机打开都是全屏的; /里面加上< content="width=device-width。PS:如果是触屏手机，<head></现在手机屏幕大小众多;meta name="head>
D. 移动开发 android:fillViewport="true" ， android:scrollbars="none" 是干什么的呀求详解
android:fillViewport="true"
当一个高度值不足scrollview的子控件fillparent的时候，单独的定义android:layout_height="fill_parent"是不起作用的，必须加上fillviewport属性，当子控件的高度值大于scrollview的高度时，这个标签就没有任何意义了。
android:scrollbars="none"
隐藏滚动条
E. 如何利用html5开发android界面
H5开发安卓界面需要注意以下三点：
（上）包括Android设备多分辨率的问题，Android中构建HTML5应用程序基础
（中）包括Android与JS之间的互动，Android处理JS的警告对话框等，Android中的调试
（下）包括本地储存在Android中的应用，地理位置的应用，离线应用的构建
进入正题
● Android设备多分辨率的问题
Android浏览器默认预览模式浏览 会缩小页面 WebView中则会以原始大小显示
Android浏览器和WebView默认为mdpi。hdpi相当于mdpi的1.5倍 ldpi相当于0.75倍
三种解决方式：1 viewport属性 2 CSS控制 3 JS控制
1 viewport属性放在HTML的<meta>中
html代码：
<span style="font-size: x-small;"> <head>
<title>Exmaple</title>
<meta name=”viewport” content=”width=device-width,user-scalable=no”/>
</head></span>
meta中viewport的属性如下：
<span style="font-size: x-small;"> <meta name="viewport"
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]
"
/>
</span>
2 CSS控制设备密度
为每种密度创建独立的样式表（注意其中的webkit-device-pixel-ratio 3个数值对应3种分辨率）
html代码：
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" />
3 JS控制
Android浏览器和WebView支持查询当前设别密度的DOM特性
window.devicePixelRatio 同样值有3个（0.75,1,1.5对应3种分辨率）
JS中查询设备密度的方法
js代码：
if (window.devicePixelRatio == 1.5) {
alert("This is a high-density screen");
} else if (window.devicePixelRation == 0.75) {
alert("This is a low-density screen");
}
Android中构建HTML5应用
使用WebView控件 与其他控件的使用方法相同 在layout中使用一个<WebView>标签
WebView不包括导航栏，地址栏等完整浏览器功能，只用于显示一个网页。
F. 如何在html中获得android手机中浏览器的屏幕的宽度
在html中获得android手机中浏览器的屏幕宽度的方法：
1、在网页的<head>中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度:
[html] view plain
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
第一行：
width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=0.5：表示最小的缩放比例
maximum-scale=2.0：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例
第二行：
设定iphone端页面全屏。
第三行：
取消数字被识别为电话号码。
2、如果是想要一打开网页，则自动以原始比例显示，并且不允许用户修改的话，则是：
[html] view plain
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
3、这样可以把一些页头横幅等的图片的宽度都设置成style="width:100%"，整个页面在设备上看起来就是全屏的了。