简短记录下最近开发移动端项目碰到的小坑，产品需求做一个售后对话页面，底部固定输入框，和微信对话差不多，但是在ios下，fixed失效，输入框被虚拟键盘挡住，在安卓下是正常的。 尝试过网上说的很多方法，因为每个页面的需求和布局可能不相同，比如我做的需要下拉刷新消息，上拉加载更多 ...

不过从ios5.1以来，fixed定位就已经支持了，但很遗憾，ios现在对它还只是半支持。 但是在某些情况下，会出现一些比较奇葩的问题，比如fixed元素中存在输入框子元素，这个时候就会跪了。 可以看到，fixed定位的元素跑到中间去了，这种问题一般出现在页面有scrollTop并且输入框 ...

<address> 标签定义文档或文章的作者/拥有者的联系信息。 兼容所有浏览器 <area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。兼容所有浏览器 <b> 标签规定粗体文本。 兼容所有浏览器 <tt> 标签 ...

原因：html、body设置了 height: 100% 的自适应布局后，高度跟随屏幕的可用高度改变而改变导致的。 解决办法： 1、不使用 fixed 定位，使用替代方案（推荐）： a：使用 position:absolute; overflow-y:scroll; b：使用 ...

兼容现象： 　　在App的webview里边，我们有时候会在页面里写自定义头部，会使用到fixed定位，我们想要的效果是，页面无论怎么滑动，这个自定义的头部始终是固定在顶部的，但是在ios 11以上的版本里边，问题来了，当我们快速滑动页面的时候，页面滚动期间，这个fixed定位的头部会随着页面 ...

　　1.通过Keyboard获取键盘高度，改变定位的bottom 　　缺点：虚拟键盘完全弹起时，才会获取到键盘高度，定位稍有延迟，而且键盘收起时，定位会出现悬空状态，然后再回到底部 　　2.通过KeyboardAvoidingView组件，将页面推送上去，完美解决 ...

fixed定位在ios上的bug css三栏布局 假设我们页面的 HTML 结构是这样： 方法1.：absolute 通过绝对定位处理应该是常见的方案，只要使得页脚一直定位在主容器预留占位位置。 这个方案需指定 html、body 100% 的高度，且 content ...

h5 浏览器兼容性问题： 浏览器兼容性情况可以在这个网站查询 https://caniuse.com/ 绿色代表完全支持，黄色代表部分支持，红色代表不支持 右上角的黄色小短杠表示要加一些厂商前缀 兼容性测试： IE9-11 ...