vue移动端项目开发常规解决
程序员文章站
2022-05-17 20:08:00
...
iframe高度自定义
解决页面中间部分引入iframe高度100%失效问题
<iframe
v-if="item.id == 'flzz'"
src="https://blog.csdn.net/dongsdh"
width="100%"
scrolling="no"
frameborder="0"
class="default-iframe"
</iframe>
<iframe
v-if="item.id == 'xlfw'"
src="https://fanyi.baidu.com/?aldtype=16047#auto/zh"
width="100%"
scrolling="no"
frameborder="0"
class="default-iframe"
></iframe>
<style>
.default-iframe {
position: relative;
height: calc(100vh - 12px - 44px - 50px);
}
</style>
上一篇: 控制面板中的项目快速打开技巧分享