vant 开发移动端 里面的tabbar适配问题 设置固定fixed还是出现机型不适配 浏览器滑动回退高度会改变
时间: 2023-10-07 14:10:40 浏览: 134
vue项目中使用lib-flexible解决移动端适配的问题解决
针对vant开发移动端中tabbar适配问题,如果设置固定fixed出现机型不适配的情况,可以考虑使用flex布局来解决。具体来说,可以将tabbar设置为flex布局中的一个子项,通过设置flex-grow属性来使其占据剩余空间,同时可以使用flex-shrink属性控制其在空间不足时的缩小比例。这样可以保证tabbar在不同机型上都能够适配。
至于浏览器滑动回退高度会改变的问题,可以考虑使用一些CSS技巧来解决。比如可以使用viewport单位来设置页面高度,或者使用position:fixed属性来固定页面高度。另外,如果涉及到页面滚动时高度变化的情况,可以使用JavaScript来监听滚动事件,根据滚动的距离来动态调整页面高度。
阅读全文