前端遇坑记录（一）

做开发也有一段时间了，但是现在才想起来要开个博客，真是遗憾。之前好多遇到的坑都没记下来..最近记忆力越来越差，所以想用博客来记录一下。

不过老话说得好，种一棵树最好的时间是十年前，其次是现在（就这么安慰一下自己吧..）

好，开始讲事情。

目前用的是一个vue多页面框架，由于大部分页面的background都是灰色的，所以我在common.css里写了

body{
    background:#f2f2f2;
}

但是，有另外两个因素导致页面出现很多问题

1. 底部导航限制：

我有一个position:absolute的底部导航，因为他的存在body的高度需为min-height:100%（为什么？）
- 原因1，如果height设置成100%的话，当手机横屏的时候body的高度为屏幕的高度，这样底部导航就不会在dom的最底部
- 原因2，但是不设置height的话，竖屏的时候底部导航就不会在最底部了。
另外，需要设置一个padding-bottom用来容纳导航

2. 页面组件background不统一

有一部分组件页面的background是白色，但是如果给这个组件设置background-color的话，会影响其他组件（PS:组件内style scoped是无法设置body css的）

因此，我认为给body设置background-color这一行为有点蠢，background-color这种事情应该交给页面内的wrapper去做，小记一下，引以为戒。