在此次專案中，使用的是高度百分比。對於適配這一塊確實少了很多。
1、如果是用高度百分比的話。則img需要寫成這樣的樣式。
img
如果需要居中的話，可以對外層的div設定乙個類名class：比如是setwidth,然後通過js去獲取第一張的寬度賦給這個外層的div.
setwidth:function());
});},
不過要注意的是如果其他頁面是隱藏的話，需要在這個頁面顯示之後再執行一遍setwidth。不然獲取的寬度為0。
還有就是img標籤和普通的div有點不同的就是，對於img標籤的話，如果要居中，可以不用寫寬度，直接定義寬度百分比，然後margin居中，就可以實現居中了。
如：
.img1
現在暫時只發現img有這個特性。
2、移動端的一點問題：
給會閃的這個元素加入一行css**：
-webkit-backface-visibility:hidden;
section
還有就是在最後一頁的時候，彈出框裡面的四個li向後面翻頁的時候會抖動一下。
也是這樣處理的。
.popcontent li
問題是這樣解決了。但是為何如此呢？？？
w3c是這樣定義-webkit-backface-visibility:hidden;的
problematic in webkit because backface-visibility not hidden
3、js：
在用zepto的animate函式的時候，因為用了**，導致**函式半天出不來，執行的非常慢。原因未知。但是如果是這樣的話，可以不使用**函式。
原來執行**很慢的js**：
popfn:,closed:
function
() );
},opened:
function
() );
$(this).parents('.wrap').next().show();
},popswipeleft:
function
(),800,'ease-in-out',function
());
}else
},popswiperight:
function
(),800,'ease-in-out',function
());
}else
},poplrbind:
function
());
}}
後面改了之後的就正常了。
popfn:,closed:
function
() ,
opened:
function
() ,
popswipeleft:
function
(),800);
popli.eq(current).removeclass('page_current').next().addclass('page_current');
dotli.eq(current).removeclass('active').next().addclass('active'
); s.flag=true
; }
},popswiperight:
function
(),800);
popli.eq(current).removeclass('page_current').prev().addclass('page_current');
dotli.eq(current).removeclass('active').prev().addclass('active'
); s.flag=true
; }
},poplrbind:
function
());
}}
H5專案總結
專案基礎 rn taro框架，實現h5 1.無限載入的實現 1 import taro,from tarojs taro 2 import from tarojs components 3 import from tarojs redux 4 import from actions counter ...
前端H5專案問題總結
一 img 併排放置時，會出現空白間隙 解決方法 1 將轉換為塊級物件 img 2 設定的垂直對齊方式 img 3 改變父物件的屬性 overflow hidden 4 取消標籤和其父物件的最後乙個結束標籤之間的空格 二 二級列表頁面 1 樣式最好一致，方便後台 迴圈上傳 三 手機端 fixed 失...
vue中h5專案怎麼使用weui
注 專案使用vue cli腳手架，最新版腳手架建立專案參考這裡 安裝weui js檔案和css檔案 cnpm i weui.js weui s在main.js中新增如下 import weui from weui.js import weui vue.prototype.weui weui具體可以檢...