移動端瀏覽器現狀 視口 meta視口標簽 二倍圖 移動端主流方案 移動端技術解決方案 移動端常見布局 1.流式布局(百分比布局) 2.flex布局 3.rem適配布局 　　　　1）rem單位　　　　2）媒體查詢　　　　3）less ...

轉自：http://yujiangshui.com/multidevice-frontend-debug/ 通過移動端使用 Web 服務的比率越來越大，例如淘寶今年雙十一，移動端交易份額就達到 42.6%。由此可見，掌握移動端的前端開發和測試是非常有必要的。 由於之前做過大量有響應式需求的項目 ...

1、兼容性 pc端需要考慮瀏覽器兼容性，移動端主要考慮屏幕分辨率和不同系統的兼容性。 2、頁面布局 PC端常用布局固定寬度980px居中，移動端屏幕的大小和分辨率不同，多用響應式布局，使用em（以父元素為基礎）、rem（以根元素為基礎）。 3、JS動畫 移動端沒有hover事件、增加了 ...

1、pc端有ie,chrome,ff 內核兼容問題移動端，簡單來說兼容問題相對較少。但是移動端要做好多分辨率的處理。移動端所有圖片和所有html標簽的尺寸都要減半。 2、移動端在布局跟js效果方面，與PC端有什么不同：先說布局方面：PC端最常用的就是固定寬度980px（也有 ...

文章來源： http://www.restran.net/2015/05/14/mobile-web-front-end-collections/ 最近整理的移動端 Web 開發前端知識，不定期更新。 HTML5 可以做什么 拍照 獲取地理位置 手勢 canvas ...

普通前端開發的需求。使用方法也很簡單，通過npm安裝或者直接在需要的頁面引入 js文件 ，然后 new ...

大家在做移動端開發的時候如果只用px+百分比的布局方式而不做任何自適應處理的話就會出現這種情況：按照750px設計圖寫頁面，如果設計圖給的字體大小是28px一般情況下會除以2（這一步已經錯了），寫完以后放到iphone6s和iphone5測試就會發現本來在6s上感覺蠻好的到了5上就變大 ...

本文是對移動端多人協作開發項目一些經驗總結 1、移動端自適應 2、scope的使用 3、webkit內核兩行顯示省略號 4、absolute下flex布局失效 1、移動端自適應 　　正在開發一個APP項目，對於自適應有些體會 在移動端，寬度自適應可以使用百分比來控制 ...