Cesium球显示高度不正常的问题

分类:计算机 | 三维开发 | WebGL | Cesium | 综合 684
更新:2020-03-22 22:29:04
编辑

1 说明

在Vue@CLI项目中使用Cesium时发现一个问题,把Cesium球放到页面里后球的下方会溢出屏幕,导致出现滚动条,如下:

2 调整方法

2.1 设置首页样式

height设置为100%,overflow设置为hidden

#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

2.2 设置Cesium容器的样式

将Cesium所在div的height设置为100%