移动端页面、微信页面,APP内嵌套页面开发以及测试,怎么兼容

  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
以上三种方式里,大家常用的哪个呢?

阅读 4k
1 个回答

用百分百不行么?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题