我需要你的帮助!一直在寻找解决方案,但找不到一个,所以我想我应该问一下.
对于一个学校项目,我需要将一个随机数量的大厅放在地图上的正确位置.作为一个例子,我只使用了4个大厅,刚刚硬编码了所有从带有Angular的JSON中恢复的信息,如您在此CodePen中所见
<div class="hall" id="hall01" style="width:15%; padding-bottom:50%; left:00%; top:00%; background-color:red;"></div>
<div class="hall" id="hall02" style="width:85%; padding-bottom:20%; left:15%; top:00%; background-color:green;"></div>
<div class="hall" id="hall03" style="width:15%; padding-bottom:10%; left:85%; top:40%; background-color:yellow;"></div>
<div class="hall" id="hall04" style="width:85%; padding-bottom:20%; left:15%; top:60%; background-color:blue;"></div>
当页面调整大小时,我已经解决了调整大厅大小的问题.剩下的唯一问题是顶部的绝对定位不能像它应该的那样工作.
一切都是以1000px的宽度和500px的高度计算的,但如果浏览器也调整大小,它应该全部调整大小.
让父母调整到正确的高度也是我努力的事情.有人可以帮我这个吗？