移動端的頁面多數情況下用百分比或者**查詢來設定頁面的寬高度
這樣會達到響應的效果
這裡解釋幾點
1.-webkit-tap-highlight-color: rgba(0,0,0,0);也可以寫成-webkit-tap-highlight-color: transparent; 去掉點選時高光顯示 你也可以更改裡面的引數 達到你想要的點選顯示高光效果
2.-webkit-touch-callout: none; //長按頁面時不觸發系統
選單4.html,body 這個是整個文件的初始化寬高度 後面的子級都是按照這個資料設定
5.main和子級的height都設定為auto 你也可以不用設 但如果你的頁面是允許滾動的話最好還是要設一下
6.我們把menu使用固定定位到頁面底部 你也可以把他定位在頂部 或任何你想定位的地方
7.menu 裡面的tab我們使用的是百分比分配 因為有border-right所以不能很準確的分配多少 這個應該會有什麼更精準的方法平均分配 待研究(彈性盒模型)
移動端常見問題
1 ios下input為type button屬性disabled設定true,會出現樣式文字和背景異常問題 解決方案 使用opacity 1來解決 2 對非可點選元素如 label,span 監聽click事件，部分ios版本下不會觸發 解決方案 css增加cursor pointer就搞定了 3...
移動端常見問題
1 上下拉動滾動條時卡頓 慢 body 2 禁止複製 選中文字 element 解決移動裝置可選中頁面文字 視產品需要而定 3 長時間按住頁面出現閃退 element 4 iphone及ipad下輸入框缺省內陰影 5 ios和android下觸控元素時出現半透明灰色遮罩 6 active相容處理 7...
移動端常見問題
一.點選穿透 原因 1.touch事件300ms後，觸發click事件 2.混用touch和click會導致點透問題。解決思路 1.不要混用touch和click 2.阻止掉 touch之後的click。解決方案 1.tap後延遲350ms再隱藏mask 2.pointer events mask隱...