移動端的適配坑（一）

時間 2019-11-13

標籤移動端的適配欄目無線简体版

原文原文鏈接

1. background ; 在vue的環境下有的安卓手機背景圖顯示不出來！！！ css

緣由： vue-cli配置緣由html

2. 高度不一致的各類問題，樣式沒有reset 致使的vue

3. 用flexible定義rem的時候ios

if (width / dpr > 540) {
     width = 540 * dpr;
}

上面的代碼會致使視口超過540 高度什麼的開始不適配了web

4. vue項目有些安卓機白屏解決方法：加入babel-polifillvue-cli

5. vue項目偶爾出現返回白屏瀏覽器

緣由：html，body都是100%，#app撐起了父元素的告訴，可是瀏覽器默認的滾動scroll並非#app，而是body,某些因素，形成返回history 後，沒法復原（ios 的鍋），爲此，咱們將#app 進行了絕對定位，並讓它從新成爲 scroll 的對象，從而解決問題服務器

html, body {  
  width: 100%;  
  height: 100%;  
  margin: 0;  
  padding: 0;  
  position: relative;  
}  
#app {  
  width: 100%;  
  height: 100%;   
  overflow: scroll;  ---致使vue加載更多失效 致使loading效果失效
  -webkit-overflow-scrolling: touch;  ---致使vue加載更多失效 致使loading效果失效
  position: absolute;  
  left:0;  
  top:0;  
}