使用position: fixed;固定的容器在切换路由时发生大小变化

[fengbt]

Bug report（问题描述）

这是一个首页的公告栏，使用固定在窗口右侧，首次渲染时和设置的长度宽度的一致，然后点击导航菜单跳转到其他页面又点回首页， 就会出现缩成一块然后变为设置大小的情况

Steps to reproduce（问题复现步骤）

1. 这是一个首页的公告栏，使用position: fixed;固定在窗口右侧，首次渲染时和设置的长度宽度的一致（如截图一）
2. 点击其他导航菜单切换页面，切换瞬间可以看见公告栏的大小发生变化（如截图二）
3. 再点击回到首页，公告栏大小还是和截图二一样缩成一块，然后下一秒变回截图一的模样
4. 其他页面使用position: fixed;固定位置的也有这个情况（如截图三、截图四）

Screenshot or Gif（截图或动态图）

图一

图二

图三

图四

不会做动态图，多多包涵

[rookie-kl]

解决方法是通过给vue页面加个position：absolute;宽度给百分百，高度我也给了百分百