移动端活动页，全屏滚动，大家如何处理兼容适配的问题

Question

设计图以750宽度设计的,一个活动一屏，如何解决适配所有手机端

Answer 1

看设计稿了，如果设计稿内容排的比较满的话底部内容会显示不完全的，最好的解决方案是改设计稿，预留一些空白位置，然后再用css兼容不同尺寸屏幕

Answer 2

泻药
以height:100vh设置一个活动的高度应该能够满足你的需求。
虽然我是常用rem，但是从caniuse上查到的vh兼容性也不错。
虽然国内有些浏览器，可能还是存在一定问题的。比如UC
最兼容的写法大概就是js检测window.innerHeight。

Answer 3

你的需求是全屏滚动，可以试一下用swiper，其对移动端的兼容性处理还是比较好的。

Answer 4

听你的需求是：
1.底部有导航栏 2.导航栏是固定的 3.不能被遮挡 4.整屏滑动的是导航栏上面的内容部分

建议底部导航部分：position：fixed; 或者 z-index:9999;

Answer 5

使用swiper的动画库，样式使用rem ，搭配百分比布局去做