記錄移動端開發坑點(持續更新)

1.須要固定頭部或者底部的時候,因爲ios的fixed定位失效,可選擇使用flex佈局,最外層盒子,body,html高度爲100%,須要固定的盒子給指定高度,剩下的flex:1就能夠失效fixed效果,其次,若是須要滾動,能夠給須要滾動的盒子加一層div,高度小於須要滾動的盒子高度便可。
2.每次點擊須要把盒子的高度滾動到底部,把盒子高度賦值給盒子的滾動高度便可。scrolltop = height便可。
3.ios須要把軟鍵盤換行文本跟換成搜索文本的時候,須要把input包上一層form表單,input的type設置爲search便可,提交的時候回刷新頁面,使用window.event.returnValue = false;便可阻止刷新
4.圖片等比例縮放,能夠給img包上一層div,div設置寬高,img使用max-height=100%,max-width=100%,便可等比例縮放。
新更新
5.當使用input輸入聚焦的時候,給html設置fixed定位阻止頁面滾動以及滾動穿透的時候,input失去焦點的時候,ios會產生頁面白屏一瞬間,如何解決?判斷失去焦點的時候取消fixed定位便可。
6.ios使用文字漸變的時候須要加上才能生效
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
7.ios有時候使用$router.back()失效,可以使用$router.push()便可。大概是由於公司測試環境網絡問題html

相關文章
相關標籤/搜索