當(dāng)我們?cè)陂_發(fā)移動(dòng)端頁面的時(shí)候,包括一下幾種:微信打開的頁面,在手機(jī)瀏覽器打開的頁面,在手機(jī)應(yīng)用里打開的頁面。那么問題來了
舉例說明,當(dāng)我用swiper時(shí)候,一屏一屏的往下滑的demo,在我用chrome以及Firefox測試時(shí)候,swiper這個(gè)東西,會(huì)把每個(gè)page的高度設(shè)置為正常的手機(jī)高度。比如在iPhone6s上面,375*667,在chrome上測試的時(shí)候,高度即可被設(shè)置為667px;但,同樣的頁面,我們拿微信開發(fā)者工具打開的時(shí)候,高度被設(shè)置為625px。
這樣的情況下,就會(huì)導(dǎo)致很多定位都于我在chrome測試的時(shí)候不一樣,一般要怎么解決呢?
補(bǔ)充:
對(duì)于我上面的問題,在微信里有會(huì)一個(gè)標(biāo)題欄,所以即使高度設(shè)置為100%,那么我的某塊布局,依舊會(huì)跟設(shè)計(jì)圖不一致,設(shè)計(jì)圖的基準(zhǔn)是高度為667的左上角,而實(shí)際情況下,布局的基準(zhǔn)是625的左上角。定位總會(huì)不一致。
另外補(bǔ)充一個(gè)疑問:
大家在做移動(dòng)端的時(shí)候一般會(huì)怎樣布局呢?我列一下一般的做法:
1、用js判斷,做rem布局
2、用flexible.js 手淘的方式布局
3、jQuery-weui
以上三種方式里,大家常用的哪個(gè)呢?
ringa_lee