欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>

 

相关标签: 移动端开发