当我使用引导程序来承载x3d形状时,我可以调整窗口的大小以使其更小,但是当我调整窗口的大小以使其更大时,它保持其收缩状态。
这正在使用x3dom运行bootstrap 4
<!DOCTYPE html>
<html lang="en">
<head>
<title>3d application</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script>
<link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'>
<base href="/" />
</link>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col">
<x3d width=600 height=400>
<scene>
<shape>
<appearance>
<material diffuseColor='1 0 0'></material>
</appearance>
<box></box>
</shape>
<transform translation='-3 0 0'>
<shape>
<appearance>
<material diffuseColor='0 1 0'></material>
</appearance>
<cone></cone>
</shape>
</transform>
<transform translation='3 0 0'>
<shape>
<appearance>
<material diffuseColor='0 0 1'></material>
</appearance>
<sphere></sphere>
</shape>
</transform>
</scene>
</x3d>
</div>
</div>
</div>
</body>
我希望当我将窗口调整为较小的尺寸时,场景窗口也会变小,
当我将窗口放大时,场景窗口也会增长。
但是当我缩小窗口时,场景窗口会缩小
当我将其恢复正常时,场景窗口保持缩小状态。