项目:h5 + vue + vant
问题复现:页脚盒子起了类名为 footer 并同时给了 fixed 定位和 flex 样式,发现首次进入该页面时页脚部分样式不对,必须要刷新一下页面,样式才会正常。
分析:起初以为是 fixed 和 flex 会有冲突,于是在 footer 里又套了一层盒子,问题没解决,二次排查,在查看样式时发现 footer 中有默认 padding 并不是我写的,于是将 footer类名改为 foot,问题解决
结论:不确定,但是感觉 footer 类名是有默认样式的,需要尽量避开这种词汇