前端遇坑記錄（一）

做開發也有一段時間了，但是現在才想起來要開個部落格，真是遺憾。之前好多遇到的坑都沒記下來..最近記憶力越來越差，所以想用部落格來記錄一下。

不過老話說得好，種一棵樹最好的時間是十年前，其次是現在（就這麼安慰一下自己吧..）

好，開始講事情。

目前用的是一個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去做，小記一下，引以為戒。