20200707:电脑屏幕分屏处理
<div class="app-container">
<iframe class="component_wrap" src="http://emergency5g.tingdao.com/#/soundMap1" frameborder="0" scrolling="no"></iframe>
<iframe class="component_wrap" src="http://emergency5g.tingdao.com/#/hnMap1" frameborder="0" scrolling="no"></iframe>
<iframe class="component_wrap" src="http://emergency5g.tingdao.com/#/bdMap1" frameborder="0" scrolling="no"></iframe>
<iframe class="component_wrap" src="http://emergency5g.tingdao.com/#/contentPub1" frameborder="0" scrolling="no"></iframe>
<iframe class="component_wrap" src="http://emergency5g.tingdao.com/#/visibleFor" frameborder="0" scrolling="no"></iframe>
<iframe class="component_wrap" src="http://emergency5g.tingdao.com/#/cameraMap1" frameborder="0" scrolling="no"></iframe>
</div>
利用iframe 实现每个屏幕之间互不干扰,display:flex灵活布局,justify-content:space-around,让他灵活布局,每个iframe之间有留白,间隔均匀,flex-wrap: wrap;允许iframe自由活动,align-items: center; iframe居中
20200925:git 克隆v1分支
git clone -b v1 http://git.tingdao.com:82/yefan/broadcast-sys(git bash here)
网友评论