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%"，整個頁面在設備上看起來就是全屏的了。