javascript - 移动端页面、微信页面,APP内嵌套页面开发以及测试,怎么兼容
ringa_lee
ringa_lee 2017-04-11 11:11:19
0
1
491
  1. 当我们在开发移动端页面的时候,包括一下几种:微信打开的页面,在手机浏览器打开的页面,在手机应用里打开的页面。那么问题来了

  2. 举例说明,当我用swiper时候,一屏一屏的往下滑的demo,在我用chrome以及Firefox测试时候,swiper这个东西,会把每个page的高度设置为正常的手机高度。比如在iPhone6s上面,375*667,在chrome上测试的时候,高度即可被设置为667px;但,同样的页面,我们拿微信开发者工具打开的时候,高度被设置为625px。

  3. 这样的情况下,就会导致很多定位都于我在chrome测试的时候不一样,一般要怎么解决呢?

补充:
对于我上面的问题,在微信里有会一个标题栏,所以即使高度设置为100%,那么我的某块布局,依旧会跟设计图不一致,设计图的基准是高度为667的左上角,而实际情况下,布局的基准是625的左上角。定位总会不一致。
另外补充一个疑问:
大家在做移动端的时候一般会怎样布局呢?我列一下一般的做法:
1、用js判断,做rem布局
2、用flexible.js 手淘的方式布局
3、jQuery-weui
以上三种方式里,大家常用的哪个呢?

ringa_lee
ringa_lee

ringa_lee

reply all (1)
Peter_Zhu

用百分百不行么?

    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn:Public welfare online PHP training,Help PHP learners grow quickly!