Three.js选项卡内的画布未继承父元素的全宽和全高

canvas {
  width: 100%;
  height: 100%;
}

// 创建画布
var renderer = new THREE.WebGLRenderer();
var canvas = renderer.domElement;

// 设置画布样式
canvas.style.width = '100%';
canvas.style.height = '100%';

// 将画布添加到父元素中
var parentElement = document.getElementById('parentElement');
parentElement.appendChild(canvas);

// 创建场景、相机和其他Three.js元素
// ...

// 渲染场景
function render() {
  // 渲染代码
  // ...
  renderer.render(scene, camera);
}

// 调整画布大小
function resize() {
  var width = parentElement.clientWidth;
  var height = parentElement.clientHeight;
  renderer.setSize(width, height);
  camera.aspect = width / height;
  camera.updateProjectionMatrix();
  render();
}

// 监听窗口大小变化事件
window.addEventListener('resize', resize);

// 初始化
resize();