移动端页面注意事项

注意事项

移动端页面与PC端页面不同之处
1.不要使用vh，在移动端的页面中如果有input输入框，在input获取焦点时，安卓手机弹出的虚拟键盘会压缩页面，进而会导致页面的大小改变。使用vh布局时，input获取焦点与失去焦点时，页面会发生变化或者抖动,出现这种情况请去掉vh，建议使用rem或者使用%布局，在整个页面加载完成后，获取body的高，将获取到的高重新赋值给body，这样body的高就变成了一个固定值
2.如果是pc端的ui框架，改写移动框页面，要注意时间选择框的适配，因为pc端框架中的时间选择框是以小的弹窗出现的，而移动端小的弹窗可能会看不清
3. 底部导航栏慎用，与第一条同理，虚拟键盘会压缩页面。页面被压缩后，底部导航栏会出现在虚拟键盘的上方。解决办法：使用window.resize在页面大小改变时，隐藏掉底部导航栏