① 關於移動web前端開發元素css高度設置的困惑
整個屏幕高度設置為100%;
百分比的高度,與寬度無關。
按比例,設置藍色框的高度,
比如,9%;那麼黑色為5%;當然這個高度是和整個屏幕相比得來的。
要注意的是。設置的百分比,是根據父對象來的。
要實現網頁在所有不同解析度手機屏幕上顯示比例一致?
這個是不可能的了。手機屏幕尺寸太多了。16比10 ,16比9,4比3,3比2,這個比例,
怎麼可能完全一樣。
② 網頁設計,一般最少要設置多少高度
大概的高度為:
Window XP首屏大小580 px
Window 7 首屏大小710 px
具體原因如下:
一個網頁的尺寸設置和瀏覽器與系統的尺寸大為相關,我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。
系統解析度統計:
對大於30W台客戶端用戶進行測試,得到的測試數據如下(數據來源於網路):
③ 如何獲取webView的高度
1. 通過webview的didFinishLoad:方法,這個時候webview已經載入完成,可以獲得真實高度。
2. 通過js來獲取實際頁面的高度,獲取的時機也通過js來監聽。
3. 通過檢測webView.scrollView.contentSize,只要這個值發生改變,你馬上就能夠被通知。注冊觀察者的代碼類似這樣:
[webView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew
context:&webViewContext]
然後在觀察者中實現- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context,你就隨時可以監測到webView的高度變化了
④ 如何獲取webView的高度
如果要獲哪汪斗李磨取高度,在上面增加
_webview.delegate = self;
再增加方法
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
//在這個方法中取陵賀高度
}
⑤ 移動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,我只是說說,移動端響應式局的話,布局要隨著窗口變的,
就像你這個,要是在普通的手機端就得變成一欄布局,不能保持三欄
用Media Query設置不同的窗口寬度給不同的css樣式
都是css代碼不用js控制