wap學習記錄

針對移動端瀏覽器:css

大部分的瀏覽器內核都是webkit內核,對h5和c3的支持很是好html

國內比較流行的框架 : 妹子UI前端

bootstrap中解決ie8以及如下的h5標籤和媒體查詢兼容問題的兩個庫分別是:html5shiv 和 respond.js html5

前端開發資源庫:https://www.awesomes.cn/web

最好不使用jq,由於它作了大量的兼容,對於移動端大部分都是高版本的瀏覽器來講不必,體積大bootstrap

樣式

對a標籤有特有的點擊有默認的灰色背景效果,能夠經過css 的tap-higlight-color 來設置或清除瀏覽器

對input、textarea會有默認的樣式,經過appearance:none來reset掉app

 

流式佈局,通常要*統配設置border-box方便一點,版心容器設置百分比的寬度,而後max,min來限制寬度爲320~640(假如設計稿是640px),居中顯示框架

640px是早期的psd設計稿的標準,參照iPhone4(寬度320,2dpr,640px的頁面縮小1/2倍以後,能完美顯示到iPhone4上)dom

750px是如今的標準,參照iPhone6(寬度375,2dpr,也能完美顯示)

因此拿到多大的設計稿,就作寬度多大的

 

想要背景透明,但容器內容不透明的話,就採用rgba

js中媒體查詢的方式:獲取客戶區的寬度,來判斷,再進行樣式或者dom操做

相關文章
相關標籤/搜索