1、解决方案一 先判断是否是苹果然后判断监听可视区域值得变化，变大说明此时为home键存在情况，变小则说明出现了底部导航条，根据这个变化改变底部按钮得padding-bottom值 具体参考：https://blog.csdn.net/yao_1063066968/article ...

有时，页面内容太少，无法占满一屏的高度，底栏就会抬高到页面的中间。这时可以采用Flex布局，让底栏总是出现在页面的底部。 ...

当需要将button按行排列，当超过一行时，可以换行，从左到右排列，想实现如下效果（实现的比较粗糙，能说明问题就行，呵~~~）： 使用Flex布局，在设置主轴方向上对齐方式，使用justify-content属性，默认是flex-start：项目对齐主轴起点，项目间不留 ...

一个页面上有个固定在底部的按钮，页面中有个input框，点击input框获取焦点时，在苹果手机上没事，但在安卓手机上弹出的键盘会将按钮顶起来，这就很不好看了，想了个办法解决一下。之前一直觉得用input获取焦点和失去焦点来改变底部按钮的定位，但是有的手机可以隐藏键盘，但是不会失去焦点，这个方法就不 ...

需要引入下面的css ...

css .div{ 　　bottom:0; 　　position:fixed; } 如有疑问，可留言！ ...

背景：在写提交订单页面时候，底部按钮当我点击输入留言信息的时候，底部提交订单按钮被输入法软键盘顶上去遮挡住了。 h5 ios输入框与键盘 兼容性优化 实现原理：当页面高度发生变化的时候改变底部button的样式，没点击前button在底部固定position: fixed;当我点击 ...

关键词：display: flex，flex: 1, overflow-y: scroll; 实现：head 和footer 固定，中间body多了滚动，少了撑满； head和footer宽度根据内容撑起，当然你可以自己设置........ 小二，上代码！ 来喽~~ 关键 ...