移動端 h5 開發筆記

1.禁止縮放+禁止快取

2.-webkit-定製css 

更多參考：

-webkit-touch-callout:none;

-webkit-user-select:none;
-webkit-text-size-adjust:none;

3.獲取瀏覽器及webview系統/版本資訊

//

miui
//weixin
//qq
//uc 
//weibo
//sohunews
view code
4.pc端mousemove和移動端的touchmove target的區別
乙個劃線程式，div.que劃線到div.ans，需要判斷是否move到了目標位置。
pc通過判斷mousemove的e.target做了實現，但是到了pad上無效了。pad上無論手指移動到什麼位置，touchmove的e.touches[0].target始終為touchstart時的target。
如此一來，pad上的實現就必須要通過判斷move的座標是否落在目標座標範圍內了。
思考：得理解pad和pc的互動區別，pc上可以判斷滑鼠經過得知經過了那些元素。但是pad上，手指頭經過肯定是，按下+移動，類似於pc上的拖拽，這樣的話，事件目標肯定是當前拖拽的元素，不會跟著move而改變的。

1.檔案選擇

android原生不支援fileinput的檔案選擇

H5開發筆記

這兩天h5靜態頁面開發過程中的問題總結。1.viewport 移動開發必須的配置 內容寬為裝置寬度，初始化縮放倍數為1 不縮放 2.rem和px 1 px是相對於顯示器螢幕解析度而言的相對長度單位。2 rem是相對根元素的font size大小的相對單位，可以做到只修改根元素font size大小就...

移動端h5開發基礎

移動端h5開發基礎知識 一.手機端開發頁面必須要加一段 注 這段 的主要意思是 讓頁面寬度等於裝置寬度，縮放比例為1，禁止使用者縮放。用於檢測視口，主要的效果就是取消下面的滾動條，讓頁面適應螢幕。二.為自己的頁面設定最大寬度和最小寬度 主要作用是在螢幕足夠大的時候，頁面也不會失真。三.相容手機螢幕大...

H5前端開發筆記（一）

用於首頁火柴效果與雲彩效果 經測驗css3的寫法可以完美實現幀動畫，儘管ie8及以下不支援，而使用jquery會有明顯的卡頓。webkit keyframes fire 5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 84 88 92 96 100 fi...