㈠ 如何讓WEB頁面自適應大小
很高興幫到你
你說的這個是網頁的自適應
我剛修改完我的網站,強烈不建議購買現成的自適應網站或者使用轉碼工具,很垃圾。
如果你有技術,會修改JS和css,請按照以下步驟操作:
首先在js裡面添加判斷語句,主要功能為判斷瀏覽器為移動端時載入某個css,例如123.css,載入路徑一定要注意,不要寫錯了,路徑請使用絕對路徑。
其次,編輯123.css,寬度使用百分比,字體大小也是用em而不是固定值px,編輯過程中需要刪除一些不必要的版塊,也就是說並不是電腦上顯示的手機上就都得顯示。
最後,導航欄使用點擊下啦的方式,不點擊自動收回。一定要考慮不同解析度下的顯示情況,這個很關鍵,必要時可使用不同解析度縮放功能(需要js和css配合)
這個修改的過程非常麻煩,需要很大的耐心。
㈡ 手機web開發中如何做到圖片自適應
圖片的寬度設置為百分比,不要設置高度,這樣圖片就會按照設置的百分比自動縮放了。
㈢ 在移動端 web怎麼做到自適應布局
css3用box-flex;在w3school里找找,主要是根據父元素按比例分配高度父元素{width:100%;display:box;}比如三欄布局A、B、C要想設成一樣的寬度就用A{box-flex:1;}B{box-flex:1;}C{box-flex:1;}要是兩欄布局B是A的2倍那就是A{box-flex:1;}B{box-flex:2;}高度也是還有一個css3的新功能就是calc()計算,可以計算高度,可以試著用一下PS,我只是說說,移動端響應式局的話,布局要隨著窗口變的,就像你這個,要是在普通的手機端就得變成一欄布局,不能保持三欄用MediaQuery設置不同的窗口寬度給不同的css樣式都是css代碼不用js控制
㈣ android webview 怎麼自適應手機
這個應該與HTML有關系,在手機上顯示的HTML需要做轉碼處理,網上開放的轉碼工具
㈤ 如何實現webview 上網頁能進行自動適應手機屏幕大小
stackoverflow 上做法:
webSettings.setLoadWithOverviewMode(true);
webSettings.setUseWideViewPort(true);覺得這個好用
㈥ 如何製作手機自適應網頁
打開你需要製作手機網頁的html或者php等等網頁源碼文件。在<head></head>之間加入meta標簽。
2
向瀏覽器聲明該網頁為移動設備自適應網頁的meta標簽為:
<meta
name="viewport"
content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
3
將以上標簽加入之後保存,再用手機打開即是自適應網頁了。
㈦ 寫web端跟寫自適應的pc端手機端有什麼不一樣呢。
手機的屏幕比較小。
當頁面在手機上顯示的時候,布局可能會和PC 的效果不同。
比如說:
兩欄自適應布局中。pc端可能是兩欄,但在小屏手機中,可能就是一欄了。
㈧ android上webview怎麼自適應屏幕呢.OSC客戶端是怎麼實現的
webview中右下角的縮放按鈕能不能去掉
settings.setDisplayZoomControls(false); //隱藏webview縮放按鈕讓Webview載入的頁面居中顯示有我知道的幾種方法
第一種方法:
WebSettings settings = webView.getSettings();
settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
LayoutAlgorithm是一個枚舉用來控制頁面的布局,有三個類型:
1.NARROW_COLUMNS:可能的話使所有列的寬度不超過屏幕寬度
2.NORMAL:正常顯示不做任何渲染
3.SINGLE_COLUMN:把所有內容放大webview等寬的一列中
用SINGLE_COLUMN類型可以設置頁面居中顯示,頁面可以放大縮小,但這種方法不怎麼好,有時候會讓你的頁面布局走樣而且我測了一下,只能顯示中間那一塊,超出屏幕的部分都不能顯示。第二種方法:
//設置載入進來的頁面自適應手機屏幕
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
第一個方法設置webview推薦使用的窗口,設置為true。第二個方法是設置webview載入的頁面的模式,也設置為true。
這方法可以讓你的頁面適應手機屏幕的解析度,完整的顯示在屏幕上,可以放大縮小。
兩種方法都試過,推薦使用第二種方法第三種方法:(主要用於平板,針對特定屏幕代碼調整解析度)
DisplayMetrics metrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metrics);
int mDensity = metrics.densityDpi;
if (mDensity == 120) {
settings.setDefaultZoom(ZoomDensity.CLOSE);
}else if (mDensity == 160) {
settings.setDefaultZoom(ZoomDensity.MEDIUM);
}else if (mDensity == 240) {
settings.setDefaultZoom(ZoomDensity.FAR);
}
㈨ web前端自適應問題!
一般情況下你在meta里沒有任何viewport設置的話,布局是不會跟著窗口大小而變化的。
但是如果你在css里有 @media screen and (min-width:xxpx){}這樣的語法的話,布局是跟著窗口大小而變化的。
㈩ 請教webview如何讓網頁自適應手機屏幕
進網頁,點設置,然後點適應屏幕就OK!