互動優化
1px=dpr * dpr * dp
viewport使手機瀏覽器先排版正確再縮放
移動web最佳設定
"viewport" content=
"width=device-width,initial-scale=1,user-scalable=no"
>
device-width/20最好。用於閱讀的字型font-size不適合用rem寬高用物理畫素渲染width:(w_val/dpr)px用偽類和scale(0.5)
// 單行文字溢位...
.inaline
// 多行文字溢位
intwoline
解決：自定義tap事件代替，在touchstart和touchend記錄時間和位置，200ms之內，非常小位移差值，並且沒有觸發touchmove事件，即觸發手持裝置的「click」，一般稱為tap。
使用：移動框架庫zepto.js
第三方庫iscroll.js
touch事件
scroll事件
移動端web開發
viewport content width device width,user scalable no,initial scale 1.0,maximum scale 1.0,minimum scale 1.0 width 設定視口寬度 initial scale 初始化縮放比，大於0的數字 ma...
移動端Web開發
移動端web開發與pc端的web開發有尺寸上的不同，手機螢幕大小有很多種，因此尺寸方面有些要注意的。1.字型 採用js動態設定字型大小的方法 思路如下 螢幕寬度 640px,則font size 100px 螢幕寬度 640px,則font size 100 寬度 640px 字型單位為rem 在b...
移動端web開發
領導要求公司 要做個移動版，查詢相關的資料，以下簡單的總結供領導看。在使用者訪問的時候，先判斷下是pc端還是移動端，是移動的話就是來訪問移動端web頁面。當然的也可以做成pc端和移動端都通用的，但在做的過程中一定會遇到很多問題，一次就做成這樣，心裡沒有太大的把握。就是先做乙個，總結一下經驗。1.先從...